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 {
|
||||
border: none;
|
||||
font-size: var(--text-md);
|
||||
position: relative;
|
||||
}
|
||||
@import "../common/form.scss";
|
||||
|
||||
.form-section, .form-dashboard-section {
|
||||
margin: 0px;
|
||||
|
|
@ -82,24 +78,6 @@
|
|||
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] {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue