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

continue implementations

Browse Source
This commit is contained in:
Dennis Eichhorn 2024-01-12 00:30:21 +00:00
parent 0f581090fd
commit 5496ee39f0
3 changed files with 25 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
input.scss
View File

@ -452,7 +452,7 @@ input[type="range"] {
button {
box-sizing: border-box;
display: inline-block;
// display: inline-block; If I add this, icons in a button are no longer centered
background: var(--button-colored-background);
height: 30px;
font-size: 1rem;

23
layout.scss
View File

@ -10,7 +10,7 @@
}
.ipt-second {
padding-left: 5px;
padding-left: .75rem;
display: table-cell;
vertical-align: inherit;
}
@ -20,13 +20,22 @@
display: flex;
flex-direction: row;
div {
& + * {
margin-top: .75rem;
}
> div {
flex: 1;
&:nth-child(n+1) {
padding-left: 5px;
&:nth-child(n+2) {
padding-left: .75rem;
}
}
> div.fixed {
flex: 0;
flex-basis: auto;
}
}
div.sticky, section.sticky {
@ -82,12 +91,8 @@ div.sticky, section.sticky {
}
}
* + .form-group {
margin-top: .75rem;
}
@media (max-width: 768px) {
.form-group {
.form-group, .flex-line {
flex-direction: column;
}
}

19
styles.css
View File

@ -1936,17 +1936,22 @@ article {
display: table-cell;
vertical-align: inherit; }
.ipt-wrap .ipt-second {
padding-left: 5px;
padding-left: .75rem;
display: table-cell;
vertical-align: inherit; }
.flex-line {
display: flex;
flex-direction: row; }
.flex-line div {
.flex-line + * {
margin-top: .75rem; }
.flex-line > div {
flex: 1; }
.flex-line div:nth-child(n+1) {
padding-left: 5px; }
.flex-line > div:nth-child(n+2) {
padding-left: .75rem; }
.flex-line > div.fixed {
flex: 0;
flex-basis: auto; }
div.sticky, section.sticky {
position: sticky;
@ -1982,11 +1987,8 @@ div.sticky, section.sticky {
.form-group textarea, .form-group .contenteditable {
height: 8rem; }
* + .form-group {
margin-top: .75rem; }
@media (max-width: 768px) {
.form-group {
.form-group, .flex-line {
flex-direction: column; } }
.wf-100 {
width: 100%; }
@ -2663,7 +2665,6 @@ input[type="range"] {
flex-wrap: nowrap; }
.input button {
box-sizing: border-box;
display: inline-block;
background: var(--button-colored-background);
height: 30px;
font-size: 1rem;