Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-02-12 15:58:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix minor sidebar/content bugs

Browse Source
This commit is contained in:
Dennis Eichhorn 2019-05-17 20:49:46 +02:00
parent 62ddb6689d
commit d0539f73c9
3 changed files with 34 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
input.scss
View File

@ -33,8 +33,10 @@ input[type="datetime-local"] {
border: 1px solid var(--input-border); border: 1px solid var(--input-border);
transition: background 0.3s, border 0.3s; transition: background 0.3s, border 0.3s;
&:focus, .active { &:focus, .active, &:active {
border-color: var(--input-background-active); border-color: var(--input-background-active);
border: 1px solid var(--input-border-active);
color: var(--input-color-active);
} }
&:disabled { &:disabled {

11
nav.scss
View File

@ -9,6 +9,7 @@ body > nav {
} }
#nav-side { #nav-side {
flex: 0;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
box-sizing: border-box; box-sizing: border-box;
@ -159,17 +160,21 @@ body > nav {
} }
@media only screen and (max-width: 800px) { @media only screen and (max-width: 800px) {
body > .nav-trigger:not(:checked) + nav { #nav-trigger:not(:checked) + nav {
width: 0%; width: 0%;
} }
body > .nav-trigger:checked + nav { #nav-trigger:checked + nav {
width: auto; width: auto;
} }
} }
@media only screen and (max-width: 500px) { @media only screen and (max-width: 500px) {
body > .nav-trigger:checked + nav { #nav-trigger:checked + nav {
width: 100%; width: 100%;
} }
#nav-trigger:checked ~ main {
display: none;
}
} }

30
styles.css
View File

@ -3535,28 +3535,40 @@ input[type="datetime-local"] {
font-size: 1rem; font-size: 1rem;
border: 1px solid var(--input-border); border: 1px solid var(--input-border);
transition: background 0.3s, border 0.3s; } transition: background 0.3s, border 0.3s; }
.textarea:focus, .textarea .active, .textarea:focus, .textarea .active, .textarea:active,
.tag-input:focus, .tag-input:focus,
.tag-input .active, .tag-input .active,
.tag-input:active,
textarea:focus, textarea:focus,
textarea .active, textarea .active,
textarea:active,
select:focus, select:focus,
select .active, select .active,
select:active,
input[type="password"]:focus, input[type="password"]:focus,
input[type="password"] .active, input[type="password"] .active,
input[type="password"]:active,
input[type="text"]:focus, input[type="text"]:focus,
input[type="text"] .active, input[type="text"] .active,
input[type="text"]:active,
input[type="datetime"]:focus, input[type="datetime"]:focus,
input[type="datetime"] .active, input[type="datetime"] .active,
input[type="datetime"]:active,
input[type="email"]:focus, input[type="email"]:focus,
input[type="email"] .active, input[type="email"] .active,
input[type="email"]:active,
input[type="date"]:focus, input[type="date"]:focus,
input[type="date"] .active, input[type="date"] .active,
input[type="date"]:active,
input[type="number"]:focus, input[type="number"]:focus,
input[type="number"] .active, input[type="number"] .active,
input[type="number"]:active,
input[type="datetime-local"]:focus, input[type="datetime-local"]:focus,
input[type="datetime-local"] .active { input[type="datetime-local"] .active,
border-color: var(--input-background-active); } input[type="datetime-local"]:active {
border-color: var(--input-background-active);
border: 1px solid var(--input-border-active);
color: var(--input-color-active); }
.textarea:disabled, .textarea:disabled,
.tag-input:disabled, .tag-input:disabled,
textarea:disabled, textarea:disabled,
@ -3880,6 +3892,7 @@ body > nav {
color: rgba(255, 255, 255, 0.8); } color: rgba(255, 255, 255, 0.8); }
#nav-side { #nav-side {
flex: 0;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
box-sizing: border-box; } box-sizing: border-box; }
@ -3969,14 +3982,17 @@ body > nav {
background: var(--nav-content-hover); } background: var(--nav-content-hover); }
@media only screen and (max-width: 800px) { @media only screen and (max-width: 800px) {
body > .nav-trigger:not(:checked) + nav { #nav-trigger:not(:checked) + nav {
width: 0%; } width: 0%; }
body > .nav-trigger:checked + nav { #nav-trigger:checked + nav {
width: auto; } } width: auto; } }
@media only screen and (max-width: 500px) { @media only screen and (max-width: 500px) {
body > .nav-trigger:checked + nav { #nav-trigger:checked + nav {
width: 100%; } } width: 100%; }
#nav-trigger:checked ~ main {
display: none; } }
.pagination li { .pagination li {
display: inline; } display: inline; }
.pagination a { .pagination a {