This commit is contained in:
Gerome Matilla 2020-06-16 18:16:58 +08:00
parent 37a5e16ca9
commit d9cbc596b2
14 changed files with 45 additions and 45 deletions

View File

@ -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 */

View File

@ -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);
}

View File

@ -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;

View File

@ -1,4 +1,4 @@
/*Container*/
/* Container */
.phrasesContainer {
position: absolute;

View File

@ -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%);

View File

@ -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;

View File

@ -139,7 +139,6 @@
background: var(--base-focus-bg);
}
#weatherSettingsButtons {
display: flex;
flex-direction: row;

View File

@ -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;

View File

@ -195,7 +195,7 @@
float: none;
clear: none;
margin-left : 0;
margin-left: 0;
}
/*Add fixed geometry to weatherForecastDay children*/

View File

@ -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 {

View File

@ -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

View File

@ -58,7 +58,7 @@ class SearchBoxShow {
} else {
// Show search box
this.showSearchBox();
this.showSearchBox();
}
// console.log('toggle searchbox');

View File

@ -107,7 +107,7 @@ class WeatherScreen {
</div>
</div>
`
);
);
}

View File

@ -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];