Commit 41d9aee4 authored by yPhil's avatar yPhil
Browse files

UI: Yet another feedControls ergonomics paradigm

parent 49289b2c
......@@ -6,6 +6,7 @@
--var-header-height: 26px;
--var-controls-width: 150px;
--var-controls-font-size: 16pt;
--var-controls-toggle-size: 18pt;
}
......@@ -14,6 +15,7 @@
--var-header-height: 42px;
--var-controls-width: 75%;
--var-controls-font-size: 26pt;
--var-controls-toggle-size: 28pt;
--var-width: red;
}
......@@ -537,6 +539,10 @@ button > i {
transition: left 200ms ease 0ms;
}
.mobHeader .feedControls .controlsToggle:hover {
color: var(--color-ter) !important;
}
.openControls {
left:0 !important;
}
......@@ -551,7 +557,7 @@ button > i {
height:var(--var-header-height);
background-color: var(--color-qua) !important;
margin: 0 5px 0 0;
font-size: var(--var-controls-font-size);
font-size: var(--var-controls-toggle-size);
text-align: center;
}
......@@ -596,7 +602,7 @@ button > i {
.handle,
#newTabButton a:link {
color: var(--ui-color-sec) !important;
color: var(--color-pri) !important;
}
#newTabButton {
......@@ -611,10 +617,12 @@ button > i {
padding:0;
background-color: var(--color-qua);
width: 100%;
color: var(--color-pri) !important;
}
#newTabButton a:hover {
background-color: var(--ui-bg-color-pri);
color: var(--color-ter);
}
li.mobTab,
......
......@@ -5,7 +5,7 @@
--bg-color-qua: #404552;
--color-pri: #eeeeee;
--color-sec: #dddddd;
--color-tri: #FFDC00;
--color-ter: #FFDC00;
--color-qua: #7395AE;
--color-danger: #660000;
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment