fix(ui): remove theme selector from suite layout and projector
This commit is contained in:
parent
a3747a794f
commit
ea8003e213
2 changed files with 1189 additions and 1193 deletions
|
|
@ -48,16 +48,14 @@
|
||||||
⏩
|
⏩
|
||||||
</button>
|
</button>
|
||||||
<div class="progress-container">
|
<div class="progress-container">
|
||||||
<input type="range" class="progress-bar" id="progress-bar"
|
<input type="range" class="progress-bar" id="progress-bar" min="0" max="100" value="0"
|
||||||
min="0" max="100" value="0"
|
|
||||||
oninput="seekTo(this.value)">
|
oninput="seekTo(this.value)">
|
||||||
<span class="time-display" id="time-display">0:00 / 0:00</span>
|
<span class="time-display" id="time-display">0:00 / 0:00</span>
|
||||||
</div>
|
</div>
|
||||||
<button class="control-btn" onclick="toggleMute()" id="mute-btn" title="Mute">
|
<button class="control-btn" onclick="toggleMute()" id="mute-btn" title="Mute">
|
||||||
🔊
|
🔊
|
||||||
</button>
|
</button>
|
||||||
<input type="range" class="volume-slider" id="volume-slider"
|
<input type="range" class="volume-slider" id="volume-slider" min="0" max="100" value="100"
|
||||||
min="0" max="100" value="100"
|
|
||||||
oninput="setVolume(this.value)">
|
oninput="setVolume(this.value)">
|
||||||
<button class="control-btn" onclick="toggleLoop()" id="loop-btn" title="Loop">
|
<button class="control-btn" onclick="toggleLoop()" id="loop-btn" title="Loop">
|
||||||
🔁
|
🔁
|
||||||
|
|
@ -82,8 +80,7 @@
|
||||||
▶️
|
▶️
|
||||||
</button>
|
</button>
|
||||||
<div class="slide-nav">
|
<div class="slide-nav">
|
||||||
<input type="number" id="slide-input" min="1" value="1"
|
<input type="number" id="slide-input" min="1" value="1" onchange="goToSlide(this.value)">
|
||||||
onchange="goToSlide(this.value)">
|
|
||||||
</div>
|
</div>
|
||||||
<button class="control-btn" onclick="zoomIn()" title="Zoom In">
|
<button class="control-btn" onclick="zoomIn()" title="Zoom In">
|
||||||
🔍+
|
🔍+
|
||||||
|
|
@ -126,12 +123,7 @@
|
||||||
<button class="control-btn" onclick="toggleWordWrap()" title="Word Wrap">
|
<button class="control-btn" onclick="toggleWordWrap()" title="Word Wrap">
|
||||||
↩️
|
↩️
|
||||||
</button>
|
</button>
|
||||||
<select class="theme-select" id="theme-select" onchange="setCodeTheme(this.value)">
|
|
||||||
<option value="dark">Dark</option>
|
|
||||||
<option value="light">Light</option>
|
|
||||||
<option value="monokai">Monokai</option>
|
|
||||||
<option value="github">GitHub</option>
|
|
||||||
</select>
|
|
||||||
<button class="control-btn" onclick="copyCode()" title="Copy">
|
<button class="control-btn" onclick="copyCode()" title="Copy">
|
||||||
📋
|
📋
|
||||||
</button>
|
</button>
|
||||||
|
|
@ -161,8 +153,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes fadeIn {
|
@keyframes fadeIn {
|
||||||
from { opacity: 0; }
|
from {
|
||||||
to { opacity: 1; }
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Container */
|
/* Container */
|
||||||
|
|
@ -277,7 +274,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes spin {
|
@keyframes spin {
|
||||||
to { transform: rotate(360deg); }
|
to {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Video Player */
|
/* Video Player */
|
||||||
|
|
|
||||||
|
|
@ -51,10 +51,7 @@
|
||||||
<!-- Right: Theme selector, Apps menu and user avatar -->
|
<!-- Right: Theme selector, Apps menu and user avatar -->
|
||||||
<div class="header-right">
|
<div class="header-right">
|
||||||
<!-- Theme dropdown selector -->
|
<!-- Theme dropdown selector -->
|
||||||
<div
|
|
||||||
id="themeSelectorContainer"
|
|
||||||
aria-label="Theme selector"
|
|
||||||
></div>
|
|
||||||
|
|
||||||
<!-- Apps menu button -->
|
<!-- Apps menu button -->
|
||||||
<button
|
<button
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue