mirror of
https://github.com/manilarome/the-glorious-startpage.git
synced 2025-03-14 22:38:11 +01:00
cleanup
This commit is contained in:
parent
37a5e16ca9
commit
d9cbc596b2
@ -52,7 +52,7 @@
|
||||
|
||||
-ms-transform: scale(1.25);
|
||||
-webkit-transform: scale(1.25);
|
||||
transform: scale(1.25);
|
||||
transform: scale(1.25);
|
||||
}
|
||||
|
||||
/* Dock button active */
|
||||
|
@ -176,7 +176,7 @@
|
||||
height: auto;
|
||||
opacity: 0;
|
||||
margin: 5px;
|
||||
transform: scale(0.0);
|
||||
transform: scale(0);
|
||||
transition: transform var(--transition-speed),
|
||||
opacity var(--transition-speed);
|
||||
}
|
||||
|
@ -23,13 +23,13 @@
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
|
||||
/*Font rendering*/
|
||||
/* Font rendering */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-variant-ligatures: none;
|
||||
|
||||
/*Disable tap hightlight color on mobile devices*/
|
||||
/* Disable tap hightlight color on mobile devices */
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
|
||||
}
|
||||
@ -52,14 +52,14 @@ html, body {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
/*Placeholder*/
|
||||
/* Placeholder */
|
||||
::placeholder {
|
||||
color: var(--base-color);
|
||||
opacity: 0.65;
|
||||
}
|
||||
|
||||
/*Scrollbar*/
|
||||
/* width */
|
||||
/* Scrollbar */
|
||||
/* Width */
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
@ -79,7 +79,7 @@ html, body {
|
||||
background: var(--base-hover-bg);
|
||||
}
|
||||
|
||||
/*Hide focus elements outline*/
|
||||
/* Hide focus elements outline */
|
||||
input:focus,
|
||||
textarea:focus,
|
||||
select:focus{
|
||||
@ -90,7 +90,7 @@ select::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*Select*/
|
||||
/* Select */
|
||||
select {
|
||||
text-align: center;
|
||||
text-align-last: center;
|
||||
|
@ -1,4 +1,4 @@
|
||||
/*Container*/
|
||||
/* Container */
|
||||
.phrasesContainer {
|
||||
position: absolute;
|
||||
|
||||
|
@ -8,7 +8,8 @@
|
||||
|
||||
pointer-events: none;
|
||||
|
||||
transition: opacity var(--transition-speed),
|
||||
transition:
|
||||
opacity var(--transition-speed),
|
||||
top var(--transition-speed),
|
||||
pointer-events var(--transition-speed);
|
||||
}
|
||||
@ -22,8 +23,8 @@
|
||||
|
||||
margin-bottom: 10px;
|
||||
|
||||
/*Center horizontally*/
|
||||
position: relative;
|
||||
/* Center horizontally */
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
|
@ -2,7 +2,7 @@
|
||||
background: var(--panel-bg);
|
||||
height: 100%;
|
||||
z-index: 7;
|
||||
/*border-radius: var(--rounded-radius);*/
|
||||
/* border-radius: var(--rounded-radius); */
|
||||
backdrop-filter: blur(var(--blur-strength));
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
@ -28,22 +28,22 @@
|
||||
overflow-y: auto;
|
||||
box-sizing: border-box;
|
||||
scrollbar-width: none;
|
||||
transition: width var(--transition-speed);
|
||||
transition: width var(--transition-speed);
|
||||
}
|
||||
|
||||
/*Hide scrollbar*/
|
||||
/* Hide scrollbar */
|
||||
#rightDashboard::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*Show dashboard*/
|
||||
/* Show dashboard */
|
||||
.dashboard#rightDashboard.showRightDashboard {
|
||||
width: 350px;
|
||||
z-index: 7;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
/*Overlay*/
|
||||
/* Overlay */
|
||||
.dashboardOverlay {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
|
@ -139,7 +139,6 @@
|
||||
background: var(--base-focus-bg);
|
||||
}
|
||||
|
||||
|
||||
#weatherSettingsButtons {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
@ -10,7 +10,7 @@
|
||||
overflow: hidden;
|
||||
backdrop-filter: blur(var(--blur-strength));
|
||||
|
||||
/*Disable user touch/select on text elements*/
|
||||
/* Disable user touch/select on text elements */
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
@ -18,7 +18,7 @@
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
/*Dont increase the geometry by using padding*/
|
||||
/* Dont increase the geometry by using padding */
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
@ -195,7 +195,7 @@
|
||||
|
||||
float: none;
|
||||
clear: none;
|
||||
margin-left : 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/*Add fixed geometry to weatherForecastDay children*/
|
||||
|
@ -15,7 +15,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
/*Show web menu*/
|
||||
/* Show web menu */
|
||||
.screen#webMenuScreen.showWebMenu {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
@ -59,7 +59,7 @@
|
||||
}
|
||||
|
||||
#webMenuSearchBoxContainer {
|
||||
/*Center horizontally*/
|
||||
/* Center horizontally */
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-flow: column wrap;
|
||||
@ -68,9 +68,9 @@
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/*Web menu list*/
|
||||
/* Web menu list */
|
||||
|
||||
/*UL*/
|
||||
/* UL */
|
||||
#webMenuList {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
@ -81,9 +81,9 @@
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/*List*/
|
||||
/* List */
|
||||
#webMenuList li {
|
||||
/*Align list horizontally*/
|
||||
/* Align list horizontally */
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@ -99,7 +99,7 @@
|
||||
transition: transform var(--transition-speed);
|
||||
}
|
||||
|
||||
/*Child of li*/
|
||||
/* Child of li */
|
||||
.webItem {
|
||||
background: transparent;
|
||||
width: 128px;
|
||||
@ -135,15 +135,15 @@
|
||||
background: var(--base-active-bg);
|
||||
}
|
||||
|
||||
/*Contains web icon and label*/
|
||||
/* Contains web icon and label */
|
||||
.webItemContainer {
|
||||
/*Align vertically*/
|
||||
/* Align vertically */
|
||||
margin:0 auto;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
|
||||
/*Align horizontally*/
|
||||
/* Align horizontally */
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
@ -151,7 +151,7 @@
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
/*Web icon container*/
|
||||
/* Web icon container */
|
||||
.webItemIconContainer {
|
||||
position: relative;
|
||||
display: flex;
|
||||
@ -166,7 +166,7 @@
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/*Web label/name*/
|
||||
/* Web label/name */
|
||||
.webItemName {
|
||||
text-align: center;
|
||||
font-size: 11pt;
|
||||
@ -184,9 +184,9 @@
|
||||
max-height: 70vh;
|
||||
overflow-y: auto;
|
||||
|
||||
/*Fade transparency*/
|
||||
/*-webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);*/
|
||||
/*mask-image: linear-gradient(to bottom, black 85%, transparent 100%);*/
|
||||
/* Fade transparency */
|
||||
/* -webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%); */
|
||||
/* mask-image: linear-gradient(to bottom, black 85%, transparent 100%); */
|
||||
}
|
||||
|
||||
/*Stretch list item if screen width < 470px*/
|
||||
@ -202,13 +202,13 @@
|
||||
.webItem:hover {
|
||||
-ms-transform: scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.webItemFocus {
|
||||
-ms-transform: scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
#webMenuListContainer {
|
||||
|
@ -55,7 +55,7 @@ class AutoSuggestion {
|
||||
}
|
||||
|
||||
const phraseButton = phraseButtons[parseInt(phraseIndex, 10)];
|
||||
phraseButton.focus();
|
||||
phraseButton.focus();
|
||||
}
|
||||
|
||||
};
|
||||
@ -64,7 +64,7 @@ class AutoSuggestion {
|
||||
button.onmouseup = e => {
|
||||
this._searchBox.value = button.innerText;
|
||||
this._searchBox.focus();
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
// Generate and parse suggestions
|
||||
|
@ -58,7 +58,7 @@ class SearchBoxShow {
|
||||
|
||||
} else {
|
||||
// Show search box
|
||||
this.showSearchBox();
|
||||
this.showSearchBox();
|
||||
}
|
||||
|
||||
// console.log('toggle searchbox');
|
||||
|
@ -107,7 +107,7 @@ class WeatherScreen {
|
||||
</div>
|
||||
</div>
|
||||
`
|
||||
);
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
|
@ -242,7 +242,7 @@ class WebMenu {
|
||||
|
||||
if (this._webMenuVisibility) {
|
||||
// Hide web menu
|
||||
this.hideWebMenu();
|
||||
this.hideWebMenu();
|
||||
|
||||
} else {
|
||||
// Show Web menu
|
||||
@ -332,7 +332,7 @@ class WebMenu {
|
||||
this._webMenuSearchBox.value = '';
|
||||
break;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const changeItemFocus = (condition, overFlowIndex) => {
|
||||
const next = this._webMenuList.getElementsByTagName('li')[this._webListIndex];
|
||||
|
Loading…
Reference in New Issue
Block a user