Mercurial > libervia-templates
changeset 281:742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
author | Goffi <goffi@goffi.org> |
---|---|
date | Tue, 25 Aug 2020 08:42:30 +0200 |
parents | cf3fcbc797bc |
children | 46eee98c19d8 |
files | sat_templates/templates/bulma/components/media_player.html sat_templates/templates/bulma/components/video_player.html |
diffstat | 2 files changed, 36 insertions(+), 36 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/sat_templates/templates/bulma/components/media_player.html Tue Aug 25 08:42:30 2020 +0200 @@ -0,0 +1,36 @@ +<div class="media_player"> + <div class="media_elt"></div> + <div class="media_overlay_play is-flex has-items-centered"> + <span class="icon"> + <i class="icon-play-circled"></i> + </span> + </div> + <div class="media_controls columns is-mobile has-items-vcentered"> + <div class="column is-narrow click_to_play"> + <span class="icon is-medium"> + <i class="icon-play media_play is-size-4"></i> + <i class="icon-pause media_pause is-size-4"></i> + </span> + </div> + <div class="column"> + <progress class="progress" value="0"></progress> + </div> + <div class="column is-narrow click_to_change_timer_mode"> + <div class="content timer"> + 0:00/0:00 + </div> + </div> + <div class="column is-narrow click_to_change_volume"> + <span class="icon is-medium"> + <i class="icon-volume-up media_sound_on is-size-4"></i> + <i class="icon-volume-off media_sound_off is-size-4"></i> + </span> + </div> + <div class="column is-narrow click_to_fullscreen"> + <span class="icon is-medium"> + <i class="icon-resize-full media_resize_full is-size-4"></i> + <i class="icon-resize-small media_resize_small is-size-4"></i> + </span> + </div> + </div> +</div>
--- a/sat_templates/templates/bulma/components/video_player.html Tue Aug 25 08:39:30 2020 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,36 +0,0 @@ -<div class="video_player"> - <div class="video_elt"></div> - <div class="video_overlay_play is-flex has-items-centered"> - <span class="icon"> - <i class="icon-play-circled"></i> - </span> - </div> - <div class="video_controls columns is-mobile has-items-vcentered"> - <div class="column is-narrow"> - <span class="icon is-medium click_to_play"> - <i class="icon-play video_play is-size-4"></i> - <i class="icon-pause video_pause is-size-4"></i> - </span> - </div> - <div class="column"> - <progress class="progress" value="0"></progress> - </div> - <div class="column is-narrow"> - <div class="content timer click_to_change_timer_mode"> - 0:00/0:00 - </div> - </div> - <div class="column is-narrow"> - <span class="icon is-medium click_to_change_volume"> - <i class="icon-volume-up video_sound_on is-size-4"></i> - <i class="icon-volume-off video_sound_off is-size-4"></i> - </span> - </div> - <div class="column is-narrow"> - <span class="icon is-medium click_to_fullscreen"> - <i class="icon-resize-full video_resize_full is-size-4"></i> - <i class="icon-resize-small video_resize_small is-size-4"></i> - </span> - </div> - </div> -</div>