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

add empty page design and inactive input buttons

Browse Source
This commit is contained in:
Dennis Eichhorn 2021-08-06 19:30:49 +02:00
parent 1c738fea65
commit b7f258948d
3 changed files with 42 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
input.scss
View File

@ -385,6 +385,15 @@ input[type="range"] {
&:hover, &:focus { &:hover, &:focus {
background: var(--button-colored-background-hover); background: var(--button-colored-background-hover);
} }
&.inactive {
background: #ccc;
cursor: default;
&:hover, &:focus {
background: #ccc;
}
}
} }
input { input {

15
section.scss
View File

@ -1,4 +1,19 @@
.emptyPage {
width: 80%;
font-size: 15rem;
margin: 0 auto;
margin: 5rem;
padding: 3rem;
text-align: center;
border: 1rem solid rgba(0, 0, 0, 0.1);
&:before {
font-family: 'FontAwesome', serif;
content: '\f03a';
color: rgba(0, 0, 0, 0.1);
}
}
.box { .box {
box-sizing: border-box; box-sizing: border-box;

18
styles.css
View File

@ -3910,6 +3910,11 @@ input[type="range"] {
flex-shrink: 0; } flex-shrink: 0; }
.input button:hover, .input button:focus { .input button:hover, .input button:focus {
background: var(--button-colored-background-hover); } background: var(--button-colored-background-hover); }
.input button.inactive {
background: #ccc;
cursor: default; }
.input button.inactive:hover, .input button.inactive:focus {
background: #ccc; }
.input input { .input input {
box-sizing: border-box; box-sizing: border-box;
font-size: 1rem; font-size: 1rem;
@ -4460,6 +4465,19 @@ body > nav {
line-height: 60px; line-height: 60px;
font-size: 9px; } font-size: 9px; }
.emptyPage {
width: 80%;
font-size: 15rem;
margin: 0 auto;
margin: 5rem;
padding: 3rem;
text-align: center;
border: 1rem solid rgba(0, 0, 0, 0.1); }
.emptyPage:before {
font-family: 'FontAwesome', serif;
content: '\f03a';
color: rgba(0, 0, 0, 0.1); }
.box { .box {
box-sizing: border-box; box-sizing: border-box;
margin-top: 1rem; margin-top: 1rem;