Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-02-13 08:18:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix form layouts

Browse Source
This commit is contained in:
Dennis Eichhorn 2017-11-13 20:48:05 +01:00
parent d7f358798b
commit 49c470d106
3 changed files with 67 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
form.css Normal file
View File

@ -0,0 +1,43 @@
/* Global */
/* Content Container */
/* Content box */
/* Navigation */
/* Colors */
form li {
margin: 5px 0 5px 0; }
form td {
white-space: nowrap;
padding-bottom: 5px; }
form td textarea + i {
vertical-align: top; }
form label {
font-size: 0.9em;
color: #878787;
text-shadow: -1px -1px 1px #ffffff; }
form i + i {
margin-left: 3px; }
form .inputPrefix {
border-left: 1px solid #b7b7b7;
border-top: 1px solid #b7b7b7;
border-bottom: 1px solid #b7b7b7;
line-height: 2em;
height: 100%;
background: #bebebe; }
form .layout td + td {
padding-left: 5px; }
form .list {
font-size: 0.9em; }
form .list td {
white-space: nowrap;
padding: 3px 5px 3px 5px; }
form .ipt-wrap {
display: table;
box-sizing: border-box; }
form .ipt-wrap .ipt-first {
width: 100%;
display: table-cell; }
form .ipt-wrap .ipt-second {
padding-left: 5px;
display: table-cell; }
/*# sourceMappingURL=form.css.map */

15
form.scss
View File

@ -45,4 +45,19 @@ form {
padding: 3px 5px 3px 5px; padding: 3px 5px 3px 5px;
} }
} }
.ipt-wrap {
display: table;
box-sizing: border-box;
.ipt-first {
width: 100%;
display: table-cell;
}
.ipt-second {
padding-left: 5px;
display: table-cell;
}
}
} }

9
styles.css
View File

@ -3494,6 +3494,15 @@ form .list {
form .list td { form .list td {
white-space: nowrap; white-space: nowrap;
padding: 3px 5px 3px 5px; } padding: 3px 5px 3px 5px; }
form .ipt-wrap {
display: table;
box-sizing: border-box; }
form .ipt-wrap .ipt-first {
width: 100%;
display: table-cell; }
form .ipt-wrap .ipt-second {
padding-left: 5px;
display: table-cell; }
.infoIcon { .infoIcon {
width: .9rem; width: .9rem;