okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added minimum window size, equivalent to iTunes. Added responsive elements

Browse source
This commit is contained in:
booploops 2021-11-22 20:55:37 -08:00
parent 17435b9e4a
commit cf833bf959
4 changed files with 19 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
index.js
View file

@ -19,8 +19,8 @@ function CreateWindow() {
app.win = app.ame.win.CreateBrowserWindow() // Create the BrowserWindow app.win = app.ame.win.CreateBrowserWindow() // Create the BrowserWindow
/** CIDER **/ /** CIDER **/
//const cider = require("./resources/functions/cider-win") // const cider = require("./resources/functions/cider-win")
//cider.CreateBrowserWindow() // cider.CreateBrowserWindow()
/** CIDER **/ /** CIDER **/
app.ame.handler.WindowStateHandler(); // Handling the Window app.ame.handler.WindowStateHandler(); // Handling the Window
app.ame.handler.PlaybackStateHandler(); // Playback Change Listener app.ame.handler.PlaybackStateHandler(); // Playback Change Listener

3
resources/cider-ui-tests/index.html
View file

@ -53,7 +53,7 @@
</div> </div>
</div> </div>
<div class="app-chrome--right"> <div class="app-chrome--right">
<div class="app-chrome-item volume"> <div class="app-chrome-item volume display--large">
<input type="range" class=""> <input type="range" class="">
</div> </div>
<div class="app-chrome-item generic"> <div class="app-chrome-item generic">
@ -112,6 +112,7 @@
<button class="app-sidebar-item" v-for="i in 32">Playist</button> <button class="app-sidebar-item" v-for="i in 32">Playist</button>
</div> </div>
<div class="app-sidebar-footer"> <div class="app-sidebar-footer">
<input type="range" class="display--small">
<button class="app-sidebar-button" style="width:100%"> <button class="app-sidebar-button" style="width:100%">
<div class="sidebar-user-icon"> <div class="sidebar-user-icon">

13
resources/cider-ui-tests/style.css
View file

@ -552,6 +552,19 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
display:flex; display:flex;
} }
.display--small {
display: none!important;
}
/* Window is smaller <= 1023px width */
@media only screen and (max-width: 1023px) {
.display--small {
display: inherit!important;
}
.display--large {
display: none!important;
}
}
.header-text { .header-text {
margin: 0px; margin: 0px;
} }

2
resources/functions/cider-win.js
View file

@ -7,6 +7,8 @@ const CiderWin = {
const options = { const options = {
width: 1024, width: 1024,
height: 600, height: 600,
minWidth: 844,
minHeight: 410,
frame: false, frame: false,
vibrancy: 'dark', vibrancy: 'dark',
hasShadow: false, hasShadow: false,