Skip to content

Commit

Permalink
fixes to skins for menu and links.
Browse files Browse the repository at this point in the history
  • Loading branch information
schwarzlichtbezirk committed Nov 26, 2022
1 parent 8da3c86 commit 2774eb2
Show file tree
Hide file tree
Showing 32 changed files with 194 additions and 49 deletions.
4 changes: 2 additions & 2 deletions frontend/build/main.html
Original file line number Diff line number Diff line change
Expand Up @@ -98,8 +98,8 @@
<!-- Vue.js release version -->
<script src="/plug/vue.global.prod.js?3.2.45"></script>
<!-- application bundle: leaflet, sha256 -->
<script src="/relm/app.bundle.js?0.8.1"></script>
<script src="/relm/app.bundle.js?0.8.4"></script>
<!-- page bundle -->
<script src="/relm/main.bundle.js?0.8.1"></script>
<script src="/relm/main.bundle.js?0.8.4"></script>
</body>
</html>
2 changes: 1 addition & 1 deletion frontend/build/stat.html
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,6 @@
<!-- Vue.js release version -->
<script src="/plug/vue.global.prod.js?3.2.45"></script>
<!-- page bundle -->
<script src="/relm/stat.bundle.js?0.8.1"></script>
<script src="/relm/stat.bundle.js?0.8.4"></script>
</body>
</html>
2 changes: 1 addition & 1 deletion frontend/devmode/devmode.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
// This file is included only for developer mode linkage

const buildvers = "0.8.4";
const builddate = "2022.11.25";
const builddate = "2022.11.26";
console.info("version: %s, builton: %s", buildvers, builddate);
console.info("starts in developer mode");

Expand Down
2 changes: 1 addition & 1 deletion frontend/devmode/main.html
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,7 @@
<!-- register Vue.js components -->
<script src="/devm/fileitem.js?0.8.3"></script>
<script src="/devm/cards.js?0.8.4"></script>
<script src="/devm/mp3player.js?0.7.6"></script>
<script src="/devm/mp3player.js?0.8.4"></script>
<script src="/devm/slider.js?0.7.8"></script>
<!-- load application script -->
<script src="/devm/mainpage.js?0.8.4"></script>
Expand Down
2 changes: 2 additions & 0 deletions frontend/devmode/mp3player.js
Original file line number Diff line number Diff line change
Expand Up @@ -248,6 +248,7 @@ const VuePlayer = {
},
onrepeat() {
this.repeatmode = (this.repeatmode + 1) % (this.sortedlist ? 3 : 2);
sessionStorage.setItem('repeatmode', this.repeatmode);
if (this.media) {
this.media.loop = this.repeatmode === 1;
}
Expand Down Expand Up @@ -309,6 +310,7 @@ const VuePlayer = {
}
},
created() {
this.repeatmode = storageGetNumber('repeatmode', 0);
this.audioonly = storageGetBoolean('audioonly', false);
},
mounted() {
Expand Down
2 changes: 1 addition & 1 deletion frontend/devmode/relmode.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
// This file is included for release mode linkage

const buildvers = "0.8.4";
const builddate = "2022.11.25";
const builddate = "2022.11.26";
const devmode = false;

const traceajax = () => undefined;
Expand Down
2 changes: 1 addition & 1 deletion frontend/devmode/stat.html
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,6 @@
<script src="/devm/common.js?0.8.4"></script>
<script src="/devm/request.js?0.8.4"></script>
<!-- load application script -->
<script src="/devm/statpage.js?0.8.1"></script>
<script src="/devm/statpage.js?0.8.4"></script>
</body>
</html>
12 changes: 11 additions & 1 deletion frontend/skin/blue/card.css
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@
}

.bg-card button {
text-decoration: none;
line-height: 1;
color: rgba(255, 255, 255, 0.5);
}

Expand All @@ -88,6 +88,16 @@
background-color: rgba(255, 255, 255, 0.25);
}

.dropdown-item {
display: flex;
flex-direction: row;
align-items: center;
}

.dropdown-item > .material-icons {
padding-right: 0.5rem;
}

.itemfont {
line-height: 1.25;
font-size: 0.72rem;
Expand Down
12 changes: 11 additions & 1 deletion frontend/skin/coffee-beans/card.css
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@
}

.bg-card button {
text-decoration: none;
line-height: 1;
color: rgba(255, 255, 255, 0.5);
}

Expand All @@ -93,6 +93,16 @@
background: rgba(128, 0, 128, 0.5); /* Purple */
}

.dropdown-item {
display: flex;
flex-direction: row;
align-items: center;
}

.dropdown-item > .material-icons {
padding-right: 0.5rem;
}

.itemfont {
line-height: 1.25;
font-size: 0.72rem;
Expand Down
4 changes: 2 additions & 2 deletions frontend/skin/coffee-beans/page.css
Original file line number Diff line number Diff line change
Expand Up @@ -22,12 +22,12 @@ body {
}

a, .btn-link {
color: #B299CC;
color: goldenrod;
text-decoration: none;
}

a:hover, .btn-link:hover {
color: #9877BB;
color: gold;
text-decoration: underline;
}

Expand Down
12 changes: 11 additions & 1 deletion frontend/skin/cup-of-coffee/card.css
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@
}

.bg-card button {
text-decoration: none;
line-height: 1;
color: rgba(255, 255, 255, 0.5);
}

Expand All @@ -93,6 +93,16 @@
background: rgba(128, 0, 128, 0.5); /* Purple */
}

.dropdown-item {
display: flex;
flex-direction: row;
align-items: center;
}

.dropdown-item > .material-icons {
padding-right: 0.5rem;
}

.itemfont {
line-height: 1.25;
font-size: 0.72rem;
Expand Down
18 changes: 18 additions & 0 deletions frontend/skin/cup-of-coffee/page.css
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,24 @@ body {
background: #ad34cb;
}

a, .btn-link {
color: darkviolet;
text-decoration: none;
}

a:hover, .btn-link:hover {
color: blueviolet;
text-decoration: underline;
}

.breadcrumb-item.active {
color: #7525c0;
}

.breadcrumb-item + .breadcrumb-item::before {
color: #9966CC; /* Amethyst */
}

.menu-scrollable {
max-height: 20rem;
overflow-y: scroll;
Expand Down
12 changes: 11 additions & 1 deletion frontend/skin/dark/card.css
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@
}

.bg-card button {
text-decoration: none;
line-height: 1;
color: rgba(255, 255, 255, 0.5);
}

Expand All @@ -88,6 +88,16 @@
background-color: rgba(255, 255, 255, 0.25);
}

.dropdown-item {
display: flex;
flex-direction: row;
align-items: center;
}

.dropdown-item > .material-icons {
padding-right: 0.5rem;
}

.itemfont {
line-height: 1.25;
font-size: 0.72rem;
Expand Down
12 changes: 11 additions & 1 deletion frontend/skin/daylight/card.css
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@
}

.bg-card button {
text-decoration: none;
line-height: 1;
color: rgba(0, 0, 0, 0.5);
}

Expand All @@ -88,6 +88,16 @@
background: Tan;
}

.dropdown-item {
display: flex;
flex-direction: row;
align-items: center;
}

.dropdown-item > .material-icons {
padding-right: 0.5rem;
}

.itemfont {
line-height: 1.25;
font-size: 0.72rem;
Expand Down
12 changes: 11 additions & 1 deletion frontend/skin/light/card.css
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@
}

.bg-card button {
text-decoration: none;
line-height: 1;
color: rgba(0, 0, 0, 0.5);
}

Expand All @@ -88,6 +88,16 @@
background-color: rgba(0, 0, 0, 0.25);
}

.dropdown-item {
display: flex;
flex-direction: row;
align-items: center;
}

.dropdown-item > .material-icons {
padding-right: 0.5rem;
}

.itemfont {
line-height: 1.25;
font-size: 0.72rem;
Expand Down
10 changes: 10 additions & 0 deletions frontend/skin/neon/card.css
Original file line number Diff line number Diff line change
Expand Up @@ -93,6 +93,16 @@
background: rgba(106, 90, 205, 0.5); /* SlateBlue */
}

.dropdown-item {
display: flex;
flex-direction: row;
align-items: center;
}

.dropdown-item > .material-icons {
padding-right: 0.5rem;
}

.itemfont {
line-height: 1.25;
font-size: 0.72rem;
Expand Down
10 changes: 10 additions & 0 deletions frontend/skin/neon/page.css
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,16 @@ body {
background: #723d98;
}

a, .btn-link {
color: mediumpurple;
text-decoration: none;
}

a:hover, .btn-link:hover {
color: #9966CC; /* Amethyst */
text-decoration: underline;
}

.menu-scrollable {
max-height: 20rem;
overflow-y: scroll;
Expand Down
12 changes: 11 additions & 1 deletion frontend/skin/old-monitor/card.css
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@
}

.bg-card button {
text-decoration: none;
line-height: 1;
color: rgba(255, 255, 255, 0.5);
border-radius: 0;
}
Expand All @@ -91,6 +91,16 @@
background: rgba(255, 255, 255, 0.5);
}

.dropdown-item {
display: flex;
flex-direction: row;
align-items: center;
}

.dropdown-item > .material-icons {
padding-right: 0.5rem;
}

.itemfont {
line-height: 1.25;
font-size: 0.72rem;
Expand Down
8 changes: 4 additions & 4 deletions frontend/tmpl/card-ctgr.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,10 +11,10 @@
<i class="material-icons">{{clslistmode}}</i>
</button>
<div class="dropdown-menu dropdown-menu-end bg-card">
<button class="dropdown-item" type="button" v-on:click="onlistmodels"><i class="material-icons pe-2">format_align_justify</i>list</button>
<button class="dropdown-item" type="button" v-on:click="onlistmodesm"><i class="material-icons pe-2">view_comfy</i>small icons</button>
<button class="dropdown-item" type="button" v-on:click="onlistmodemd"><i class="material-icons pe-2">view_module</i>middle icons</button>
<button class="dropdown-item" type="button" v-on:click="onlistmodelg"><i class="material-icons pe-2">widgets</i>large icons</button>
<button class="dropdown-item" type="button" v-on:click="onlistmodels"><i class="material-icons">format_align_justify</i><span>list</span></button>
<button class="dropdown-item" type="button" v-on:click="onlistmodesm"><i class="material-icons">view_comfy</i><span>small icons</span></button>
<button class="dropdown-item" type="button" v-on:click="onlistmodemd"><i class="material-icons">view_module</i><span>middle icons</span></button>
<button class="dropdown-item" type="button" v-on:click="onlistmodelg"><i class="material-icons">widgets</i><span>large icons</span></button>
</div>
</div>
</li>
Expand Down
8 changes: 4 additions & 4 deletions frontend/tmpl/card-dir.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,10 @@
<i class="material-icons">{{clslistmode}}</i>
</button>
<div class="dropdown-menu dropdown-menu-end bg-card">
<button class="dropdown-item" type="button" v-on:click="onlistmodels"><i class="material-icons pe-2">format_align_justify</i>list</button>
<button class="dropdown-item" type="button" v-on:click="onlistmodesm"><i class="material-icons pe-2">view_comfy</i>small icons</button>
<button class="dropdown-item" type="button" v-on:click="onlistmodemd"><i class="material-icons pe-2">view_module</i>middle icons</button>
<button class="dropdown-item" type="button" v-on:click="onlistmodelg"><i class="material-icons pe-2">widgets</i>large icons</button>
<button class="dropdown-item" type="button" v-on:click="onlistmodels"><i class="material-icons">format_align_justify</i><span>list</span></button>
<button class="dropdown-item" type="button" v-on:click="onlistmodesm"><i class="material-icons">view_comfy</i><span>small icons</span></button>
<button class="dropdown-item" type="button" v-on:click="onlistmodemd"><i class="material-icons">view_module</i><span>middle icons</span></button>
<button class="dropdown-item" type="button" v-on:click="onlistmodelg"><i class="material-icons">widgets</i><span>large icons</span></button>
</div>
</div>
</li>
Expand Down
8 changes: 4 additions & 4 deletions frontend/tmpl/card-drive.html
Original file line number Diff line number Diff line change
Expand Up @@ -16,10 +16,10 @@
<i class="material-icons">{{clslistmode}}</i>
</button>
<div class="dropdown-menu dropdown-menu-end bg-card">
<button class="dropdown-item" type="button" v-on:click="onlistmodels"><i class="material-icons pe-2">format_align_justify</i>list</button>
<button class="dropdown-item" type="button" v-on:click="onlistmodesm"><i class="material-icons pe-2">view_comfy</i>small icons</button>
<button class="dropdown-item" type="button" v-on:click="onlistmodemd"><i class="material-icons pe-2">view_module</i>middle icons</button>
<button class="dropdown-item" type="button" v-on:click="onlistmodelg"><i class="material-icons pe-2">widgets</i>large icons</button>
<button class="dropdown-item" type="button" v-on:click="onlistmodels"><i class="material-icons">format_align_justify</i><span>list</span></button>
<button class="dropdown-item" type="button" v-on:click="onlistmodesm"><i class="material-icons">view_comfy</i><span>small icons</span></button>
<button class="dropdown-item" type="button" v-on:click="onlistmodemd"><i class="material-icons">view_module</i><span>middle icons</span></button>
<button class="dropdown-item" type="button" v-on:click="onlistmodelg"><i class="material-icons">widgets</i><span>large icons</span></button>
</div>
</div>
</li>
Expand Down
Loading

0 comments on commit 2774eb2

Please sign in to comment.