vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

fix: use css variables for spacing in grid.scss

Browse source
This commit is contained in:
prssanna 2020-08-27 14:04:16 +05:30
parent 70de4a9493
commit 990d2f1034
1 changed files with 18 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
frappe/public/scss/grid.scss
View file

@ -15,7 +15,7 @@
}
.grid-row {
padding: 0px 15px;
padding: 0px var(--padding-md);
border-bottom: 1px solid var(--border-color);
@include transition(.2s);
}
@ -58,17 +58,17 @@
}
.grid-body .data-row {
font-size: 12px;
font-size: $font-size-sm;
}
.grid-empty, .list-loading {
padding: 30px 15px;
padding: var(--padding-xl) var(--padding-md);
color: var(--text-muted);
}
.grid-static-col, .row-index {
height: 39px;
padding: 10px 15px;
padding: var(--padding-sm) var(--padding-md);
max-height: 200px;
// border-right: 1px solid var(--border-color);
}
@ -91,12 +91,12 @@
.grid-row > .row {
.col:last-child {
margin-right: -10px;
margin-right: calc(-1 * var(--margin-sm));
}
.col {
padding-left: 10px;
padding-right: 10px;
padding-left: var(--padding-sm);
padding-right: var(--padding-sm);
// overflow: hidden;
}
}
@ -161,8 +161,8 @@
}
.grid-static-col[data-fieldtype="Button"] .field-area {
margin-top: 5px;
margin-left: 5px;
margin-top: var(--margin-xs);
margin-left: var(--margin-xs);
button {
height: 27px;
@ -178,7 +178,7 @@
overflow: hidden;
.static-area {
margin-top: -5px;
margin-top: calc(-1 * var(--margin-xs));
pre {
background: none;
@ -205,7 +205,7 @@
}
.row-data > .row {
margin-left: 15px;
margin-left: var(--margin-md);
}
.grid-row {
@ -214,7 +214,7 @@
}
p {
margin-bottom: 5px;
margin-bottom: var(--margin-xs);
}
.frappe-control {
@ -261,7 +261,7 @@
}
.form-section {
padding: 15px;
padding: var(--padding-md);
&:not(:first-child) {
border-top: 1px solid var(--border-color);
@ -297,8 +297,8 @@
opacity: 1;
height: auto;
overflow: visible;
margin: 0px -15px;
padding: 10px 15px;
margin: 0px calc(-1 * var(--margin-md));
padding: var(--padding-sm) var(--padding-md);
}
.grid-form-heading {
@ -362,7 +362,7 @@
}
.grid-footer-toolbar {
padding: 15px 10px 5px 10px;
padding: var(--padding-md) var(--padding-sm) var(--padding-xs) var(--padding-sm);
// border-top: 1px solid var(--border-color);
span {
margin-right: var(--margin-xs);
@ -383,7 +383,8 @@
}
.grid-label {
margin-right: 8px; margin-bottom: 4px;
margin-right: 8px;
margin-bottom: 4px;
}
.form-clickable-section {