refactor: common form styles
This commit is contained in:
parent
72192e4a10
commit
ec004cc1b7
2 changed files with 30 additions and 23 deletions
29
frappe/public/scss/common/form.scss
Normal file
29
frappe/public/scss/common/form.scss
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
.form-control {
|
||||||
|
border: none;
|
||||||
|
font-size: var(--text-md);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control.bold {
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.like-disabled-input {
|
||||||
|
.for-description {
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: var(--text-sm);
|
||||||
|
}
|
||||||
|
min-height: var(--input-height);
|
||||||
|
border-radius: $border-radius;
|
||||||
|
font-weight: 400;
|
||||||
|
padding: 8px 12px;
|
||||||
|
cursor: default;
|
||||||
|
color: var(--disabled-text-color);
|
||||||
|
background-color: var(--disabled-control-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.head-title {
|
||||||
|
font-size: var(--text-lg);
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--heading-color);
|
||||||
|
}
|
||||||
|
|
@ -1,8 +1,4 @@
|
||||||
.form-control {
|
@import "../common/form.scss";
|
||||||
border: none;
|
|
||||||
font-size: var(--text-md);
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-section, .form-dashboard-section {
|
.form-section, .form-dashboard-section {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
|
@ -82,24 +78,6 @@
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-control.bold {
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
.like-disabled-input {
|
|
||||||
.for-description {
|
|
||||||
font-weight: normal;
|
|
||||||
font-size: var(--text-sm);
|
|
||||||
}
|
|
||||||
min-height: var(--input-height);
|
|
||||||
border-radius: $border-radius;
|
|
||||||
font-weight: 400;
|
|
||||||
padding: 8px 12px;
|
|
||||||
cursor: default;
|
|
||||||
color: var(--disabled-text-color);
|
|
||||||
background-color: var(--disabled-control-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-control:disabled, .form-control[readonly] {
|
.form-control:disabled, .form-control[readonly] {
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue