Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-01-11 03:08:41 +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 { button {
box-sizing: border-box; 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); background: var(--button-colored-background);
height: 30px; height: 30px;
font-size: 1rem; font-size: 1rem;

23
layout.scss
View File

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

19
styles.css
View File

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