mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Add minimum width for SubtitleSync dialog

Browse source
This commit is contained in:
Dmitry Lyzo 2020-06-28 19:15:53 +03:00
parent dccaa34d58
commit 70b0fbafd0
2 changed files with 16 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/subtitlesync/subtitlesync.css
View file

@ -1,12 +1,18 @@
.subtitleSync {
position: absolute;
width: 100%;
}
.subtitleSyncContainer { .subtitleSyncContainer {
width: 40%; width: 40%;
margin-left: 30%; min-width: 18em;
margin-right: 30%; margin-left: auto;
margin-right: auto;
height: 4.2em; height: 4.2em;
background: rgba(28, 28, 28, 0.8); background: rgba(28, 28, 28, 0.8);
border-radius: 0.3em; border-radius: 0.3em;
color: #fff; color: #fff;
position: absolute; position: relative;
} }
.subtitleSync-closeButton { .subtitleSync-closeButton {

2
src/components/subtitlesync/subtitlesync.template.html
View file

@ -1,3 +1,4 @@
<div class="subtitleSync">
<div class="subtitleSyncContainer"> <div class="subtitleSyncContainer">
<button type="button" is="paper-icon-button-light" class="subtitleSync-closeButton"><span class="material-icons close"></span></button> <button type="button" is="paper-icon-button-light" class="subtitleSync-closeButton"><span class="material-icons close"></span></button>
<div class="subtitleSyncTextField" contenteditable="true" spellcheck="false">0s</div> <div class="subtitleSyncTextField" contenteditable="true" spellcheck="false">0s</div>
@ -5,3 +6,4 @@
<input is="emby-slider" type="range" step="1" min="0" max="100" value="50" class="subtitleSyncSlider" /> <input is="emby-slider" type="range" step="1" min="0" max="100" value="50" class="subtitleSyncSlider" />
</div> </div>
</div> </div>
</div>