Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-08-28 19:49:20 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make .form-horizontal simple with less CSS classes

Browse source
This commit is contained in:
djmaze 2021-11-16 16:22:05 +01:00
parent dff89ea4e0
commit 071dab01a7
48 changed files with 351 additions and 463 deletions
Download patch file Download diff file Expand all files Collapse all files

55
dev/Styles/Main.less
View file

@ -86,38 +86,43 @@ dialog:not(.animate) {
}
dialog > header {
padding: 9px 15px;
border-bottom: 1px solid #eee;
// Close icon
.close { margin-top: 2px; }
// Heading
h3 {
margin: 0;
line-height: 30px;
}
padding: 9px 15px;
border-bottom: 1px solid #eee;
// Close icon
.close {
margin-top: 2px;
}
// Heading
h3 {
margin: 0;
line-height: 30px;
}
}
// Body (where all modal content resides)
dialog .modal-body {
overflow: auto;
padding: 15px;
overflow: auto;
margin: 0;
padding: 15px;
}
// Footer (for actions)
dialog > footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right; // right align buttons
border-top: 1px solid #ddd;
border-radius: 0 0 6px 6px;
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right; // right align buttons
border-top: 1px solid #ddd;
border-radius: 0 0 6px 6px;
// Properly space out buttons
.btn + .btn {
margin-left: 5px;
margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
}
// but override that for button groups
.btn-group .btn + .btn {
margin-left: -1px;
}
// Properly space out buttons
.btn + .btn {
margin-left: 5px;
margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
}
// but override that for button groups
.btn-group .btn + .btn {
margin-left: -1px;
}
}

2
dev/Styles/User/AdvancedSearch.less
View file

@ -2,7 +2,7 @@
max-width: 780px;
.control-label {
label {
width: 110px;
}
.span4 {

4
dev/Styles/User/Contacts.less
View file

@ -11,14 +11,14 @@
max-height: 700px;
.control-group {
.control-label {
label {
padding-top: 0;
width: 50px;
}
}
.modal-body {
height: calc(100% - 49px);
height: calc(100vh - 49px);
padding: 0;
position: relative;
}

14
dev/Styles/_BootstrapFix.less
View file

@ -28,16 +28,16 @@ label.inline, span.inline {
padding: 4px 7px;
}
.alert a {
.alert a:not(.close) {
text-decoration: underline;
color: @warningText;
}
.alert.alert-info a {
.alert.alert-info a:not(.close) {
color: @infoText;
}
.alert.alert-error a {
.alert.alert-error a:not(.close) {
color: @errorText;
}
@ -45,11 +45,13 @@ label.inline, span.inline {
@media screen and (max-width: 999px) {
.form-horizontal {
.control-group {
.control-label {
> label {
text-align: left;
}
.controls {
margin-left: 10px;
// Move over all input controls and content
> *:not(label) {
margin-left: 20px;
}
}
}