Merge pull request #37146 from Vibhuti410/fields-table-ui-alignment
fix: resolve text input extra line causing table break and align checkbox
This commit is contained in:
commit
1262479ad3
2 changed files with 9 additions and 4 deletions
|
|
@ -612,9 +612,8 @@ export default class GridRow {
|
|||
value='${cint(d.columns) || docfield.columns}'
|
||||
data-fieldname='${docfield.fieldname}' style='background-color: var(--modal-bg); display: inline'>
|
||||
</div>
|
||||
<div class='col-2' title='${__("Sticky")}'>
|
||||
<div class='col-2 sticky-col-container' title='${__("Sticky")}' >
|
||||
<input type='checkbox' class='form-control sticky-column'
|
||||
style='margin-top: 8px'
|
||||
${d.sticky ? "checked" : ""}
|
||||
data-fieldname='${d.fieldname}' style='background-color: var(--modal-bg); display: inline'>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -299,7 +299,7 @@
|
|||
}
|
||||
|
||||
textarea {
|
||||
height: 39px !important;
|
||||
height: 43px !important;
|
||||
}
|
||||
|
||||
.form-control,
|
||||
|
|
@ -385,7 +385,7 @@
|
|||
.data-row {
|
||||
div[data-fieldname="options"],
|
||||
div[data-fieldtype="Text Editor"] {
|
||||
height: 40px;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
.grid-static-col {
|
||||
|
|
@ -886,6 +886,12 @@
|
|||
height: 100%;
|
||||
}
|
||||
|
||||
.sticky-col-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (max-width: map-get($grid-breakpoints, "md")) {
|
||||
.form-column.col-sm-6 .form-grid {
|
||||
.row-index {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue