Mercurial > libervia-templates
comparison sat_templates/templates/bulma/components/media_player.html @ 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 | sat_templates/templates/bulma/components/video_player.html@672b6137ef29 |
| children |
comparison
equal
deleted
inserted
replaced
| 280:cf3fcbc797bc | 281:742c59641bf5 |
|---|---|
| 1 <div class="media_player"> | |
| 2 <div class="media_elt"></div> | |
| 3 <div class="media_overlay_play is-flex has-items-centered"> | |
| 4 <span class="icon"> | |
| 5 <i class="icon-play-circled"></i> | |
| 6 </span> | |
| 7 </div> | |
| 8 <div class="media_controls columns is-mobile has-items-vcentered"> | |
| 9 <div class="column is-narrow click_to_play"> | |
| 10 <span class="icon is-medium"> | |
| 11 <i class="icon-play media_play is-size-4"></i> | |
| 12 <i class="icon-pause media_pause is-size-4"></i> | |
| 13 </span> | |
| 14 </div> | |
| 15 <div class="column"> | |
| 16 <progress class="progress" value="0"></progress> | |
| 17 </div> | |
| 18 <div class="column is-narrow click_to_change_timer_mode"> | |
| 19 <div class="content timer"> | |
| 20 0:00/0:00 | |
| 21 </div> | |
| 22 </div> | |
| 23 <div class="column is-narrow click_to_change_volume"> | |
| 24 <span class="icon is-medium"> | |
| 25 <i class="icon-volume-up media_sound_on is-size-4"></i> | |
| 26 <i class="icon-volume-off media_sound_off is-size-4"></i> | |
| 27 </span> | |
| 28 </div> | |
| 29 <div class="column is-narrow click_to_fullscreen"> | |
| 30 <span class="icon is-medium"> | |
| 31 <i class="icon-resize-full media_resize_full is-size-4"></i> | |
| 32 <i class="icon-resize-small media_resize_small is-size-4"></i> | |
| 33 </span> | |
| 34 </div> | |
| 35 </div> | |
| 36 </div> |