Cleanup some CSS

This commit is contained in:
the-djmaze 2022-02-14 17:37:58 +01:00
parent 5c22933628
commit 88c16f5c40
21 changed files with 17 additions and 60 deletions

View file

@ -12,7 +12,7 @@ html, body {
body { body {
-webkit-touch-callout: none; -webkit-touch-callout: none;
font-size: @baseFontSize;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;

View file

@ -64,7 +64,6 @@
.listClear { .listClear {
text-align: center; text-align: center;
padding: 10px; padding: 10px;
font-size: 14px;
line-height: 13px; line-height: 13px;
box-shadow: inset 0 -1px 0 #ccc; box-shadow: inset 0 -1px 0 #ccc;
} }

View file

@ -74,7 +74,6 @@
background-color: transparent; background-color: transparent;
vertical-align: middle; vertical-align: middle;
color: var(--folders-disabled-color, #666); color: var(--folders-disabled-color, #666);
font-size: 14px;
border-left: 3px solid transparent; border-left: 3px solid transparent;
padding: 0 2em 0 @folderItemPadding; padding: 0 2em 0 @folderItemPadding;

View file

@ -115,7 +115,6 @@ html.rl-no-preview-pane {
.listClear { .listClear {
text-align: center; text-align: center;
padding: 10px; padding: 10px;
font-size: 14px;
line-height: 13px; line-height: 13px;
} }

View file

@ -100,7 +100,6 @@
blockquote p { blockquote p {
margin: 0 0 10px; margin: 0 0 10px;
font-size: 14px;
line-height: 20px; line-height: 20px;
} }

View file

@ -15,11 +15,6 @@ summary.legend {
cursor: pointer; cursor: pointer;
} }
.btn-small.btn-small-small {
font-size: 11px;
line-height: 11px;
}
.btn.btn-thin { .btn.btn-thin {
padding: 4px 9px; padding: 4px 9px;
} }

View file

@ -9,7 +9,6 @@
[class*=" icon-"] { [class*=" icon-"] {
display: inline-block; display: inline-block;
width: 1em; width: 1em;
height: 1em;
vertical-align: text-top; vertical-align: text-top;
.disabled &, .disabled &,

View file

@ -39,13 +39,7 @@
<label data-i18n="TAB_CONTACTS/LABEL_STORAGE_DSN"></label> <label data-i18n="TAB_CONTACTS/LABEL_STORAGE_DSN"></label>
<div> <div>
<input type="text" class="span6" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" <input type="text" class="span6" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: pdoDsn, saveTrigger: pdoDsnTrigger" /> data-bind="value: pdoDsn, saveTrigger: pdoDsnTrigger" placeholder="mysql:host=127.0.0.1;port=3306;dbname=snappymail"/>
<blockquote style="margin: 0">
<p class="muted">
host=127.0.0.1;port=3306;dbname=snappymail<br />
host=127.0.0.1;port=5432;dbname=snappymail
</p>
</blockquote>
</div> </div>
</div> </div>
<div class="control-group"> <div class="control-group">

View file

@ -7,9 +7,7 @@
<a class="btn" data-bind="click: createDomainAlias" data-icon="✚" data-i18n="TAB_DOMAINS/BUTTON_ADD_ALIAS"></a> <a class="btn" data-bind="click: createDomainAlias" data-icon="✚" data-i18n="TAB_DOMAINS/BUTTON_ADD_ALIAS"></a>
<br /> <br />
<br /> <br />
<blockquote> <p data-i18n="[html]TAB_DOMAINS/HTML_DOMAINS_HELPER"></p>
<p class="muted" data-i18n="[html]TAB_DOMAINS/HTML_DOMAINS_HELPER"></p>
</blockquote>
<table class="table table-hover b-admin-domains-list-table" data-bind="i18nUpdate: domains"> <table class="table table-hover b-admin-domains-list-table" data-bind="i18nUpdate: domains">
<colgroup> <colgroup>
<col /> <col />
@ -24,7 +22,7 @@
<span class="domain-alias" data-bind="if: alias">(alias)</span> <span class="domain-alias" data-bind="if: alias">(alias)</span>
</td> </td>
<td> <td>
<a class="btn btn-small btn-small-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: function(oDomain) { $root.deleteDomain(oDomain); }" <a class="btn btn-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: function(oDomain) { $root.deleteDomain(oDomain); }"
data-i18n="TAB_DOMAINS/DELETE_ARE_YOU_SURE"></a> data-i18n="TAB_DOMAINS/DELETE_ARE_YOU_SURE"></a>
</td> </td>
<td> <td>

View file

@ -49,7 +49,7 @@
<span class="filter-sub-name" data-bind="text: nameSub()"></span> <span class="filter-sub-name" data-bind="text: nameSub()"></span>
</td> </td>
<td> <td>
<a class="btn btn-small btn-small-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: function(oFilter) { $root.deleteFilter(oFilter); }" <a class="btn btn-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: function(oFilter) { $root.deleteFilter(oFilter); }"
data-i18n="GLOBAL/ARE_YOU_SURE"></a> data-i18n="GLOBAL/ARE_YOU_SURE"></a>
</td> </td>
<td> <td>

View file

@ -23,7 +23,7 @@
<span class="account-name" data-bind="text: email"></span> <span class="account-name" data-bind="text: email"></span>
</td> </td>
<td> <td>
<a class="btn btn-small btn-small-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete}, click: function(oAccount) { $root.deleteAccount(oAccount); }" <a class="btn btn-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete}, click: function(oAccount) { $root.deleteAccount(oAccount); }"
data-i18n="GLOBAL/ARE_YOU_SURE"></a> data-i18n="GLOBAL/ARE_YOU_SURE"></a>
</td> </td>
<td> <td>
@ -52,7 +52,7 @@
<span class="identity-default" data-bind="visible: 0 === $index()" data-i18n="SETTINGS_ACCOUNTS/DEFAULT_IDENTITY_LABEL"></span> <span class="identity-default" data-bind="visible: 0 === $index()" data-i18n="SETTINGS_ACCOUNTS/DEFAULT_IDENTITY_LABEL"></span>
</td> </td>
<td> <td>
<a class="btn btn-small btn-small-small btn-danger button-confirm-delete" data-bind="visible: canBeDeleted, css: {'delete-access': askDelete}, click: function(oIdentity) { $root.deleteIdentity(oIdentity); }" <a class="btn btn-small btn-danger button-confirm-delete" data-bind="visible: canBeDeleted, css: {'delete-access': askDelete}, click: function(oIdentity) { $root.deleteIdentity(oIdentity); }"
data-i18n="GLOBAL/ARE_YOU_SURE"></a> data-i18n="GLOBAL/ARE_YOU_SURE"></a>
</td> </td>
<td> <td>

View file

@ -21,7 +21,7 @@
</td> </td>
<td class="e-action" class="script-name" data-bind="text: name()"></td> <td class="e-action" class="script-name" data-bind="text: name()"></td>
<td> <td>
<a class="btn btn-small btn-small-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: function(oScript) { $root.deleteScript(oScript); }" <a class="btn btn-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: function(oScript) { $root.deleteScript(oScript); }"
data-i18n="GLOBAL/ARE_YOU_SURE"></a> data-i18n="GLOBAL/ARE_YOU_SURE"></a>
</td> </td>
<td> <td>

View file

@ -10,7 +10,7 @@
<span class="folder-system-name" data-bind="text: manageFolderSystemName, visible: isSystemFolder"></span> <span class="folder-system-name" data-bind="text: manageFolderSystemName, visible: isSystemFolder"></span>
</td> </td>
<td data-i18n="[title]SETTINGS_FOLDERS/HELP_DELETE_FOLDER"> <td data-i18n="[title]SETTINGS_FOLDERS/HELP_DELETE_FOLDER">
<a class="btn btn-small btn-small-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: $root.deleteFolder" <a class="btn btn-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: $root.deleteFolder"
data-i18n="GLOBAL/ARE_YOU_SURE"></a> data-i18n="GLOBAL/ARE_YOU_SURE"></a>
<span class="e-action fontastic" data-bind="visible: canBeDeleted() && !askDelete(), click: $root.folderForDeletion">🗑</span> <span class="e-action fontastic" data-bind="visible: canBeDeleted() && !askDelete(), click: $root.folderForDeletion">🗑</span>
</td> </td>

View file

@ -34,7 +34,7 @@
<!-- /ko --> <!-- /ko -->
</td> </td>
<td> <td>
<a class="btn btn-small btn-small-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: remove" <a class="btn btn-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: remove"
data-i18n="GLOBAL/ARE_YOU_SURE"></a> data-i18n="GLOBAL/ARE_YOU_SURE"></a>
</td> </td>
<td> <td>
@ -54,7 +54,7 @@
<!-- /ko --> <!-- /ko -->
</td> </td>
<td> <td>
<a class="btn btn-small btn-small-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: remove" <a class="btn btn-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: remove"
data-i18n="GLOBAL/ARE_YOU_SURE"></a> data-i18n="GLOBAL/ARE_YOU_SURE"></a>
</td> </td>
<td> <td>
@ -81,7 +81,7 @@
<!-- /ko --> <!-- /ko -->
</td> </td>
<td> <td>
<a class="btn btn-small btn-small-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: remove" <a class="btn btn-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: remove"
data-i18n="GLOBAL/ARE_YOU_SURE"></a> data-i18n="GLOBAL/ARE_YOU_SURE"></a>
</td> </td>
<td> <td>
@ -100,7 +100,7 @@
<!-- /ko --> <!-- /ko -->
</td> </td>
<td> <td>
<a class="btn btn-small btn-small-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: remove" <a class="btn btn-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: remove"
data-i18n="GLOBAL/ARE_YOU_SURE"></a> data-i18n="GLOBAL/ARE_YOU_SURE"></a>
</td> </td>
<td> <td>

View file

@ -6,7 +6,6 @@
// Make the div behave like a button // Make the div behave like a button
.btn-group { .btn-group {
position: relative; position: relative;
font-size: 0; // remove as part 1 of font-size inline-block hack
white-space: nowrap; // prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page) white-space: nowrap; // prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page)
} }
@ -16,9 +15,6 @@
// Optional: Group multiple button groups together for a toolbar // Optional: Group multiple button groups together for a toolbar
.btn-toolbar { .btn-toolbar {
font-size: 0; // Hack to remove whitespace that results from using inline-block
margin-top: 0;
margin-bottom: 0;
.btn-group { .btn-group {
display: inline-block; display: inline-block;
} }
@ -37,14 +33,6 @@
.btn-group > .btn + .btn { .btn-group > .btn + .btn {
margin-left: -1px; margin-left: -1px;
} }
.btn-group > .dropdown-menu {
font-size: @baseFontSize; // redeclare as part 2 of font-size inline-block hack
}
// Reset fonts for other sizes
.btn-group > .btn-small {
font-size: 12px;
}
// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
.btn-group > .btn:first-child { .btn-group > .btn:first-child {

View file

@ -12,7 +12,6 @@
display: inline-block; display: inline-block;
padding: 4px 13px; padding: 4px 13px;
font-size: @baseFontSize;
line-height: @baseLineHeight; line-height: @baseLineHeight;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
@ -60,7 +59,7 @@
// Large // Large
.btn-large { .btn-large {
padding: 9px 14px; padding: 9px 14px;
font-size: @baseFontSize + 3px; font-size: 121%;
line-height: normal; line-height: normal;
border-radius: 5px; border-radius: 5px;
} }
@ -68,8 +67,8 @@
// Small // Small
.btn-small { .btn-small {
padding: 3px 9px; padding: 3px 9px;
font-size: (@baseFontSize * 0.85); font-size: 80%;
line-height: (@baseLineHeight * 0.85); line-height: 1;
} }
// Block button // Block button

View file

@ -5,7 +5,7 @@
.close { .close {
float: right; float: right;
font-size: 20px; font-size: 143%;
font-weight: bold; font-weight: bold;
line-height: @baseLineHeight; line-height: @baseLineHeight;
color: inherit; color: inherit;

View file

@ -10,10 +10,6 @@ samp,
pre { pre {
padding: 0 3px 2px; padding: 0 3px 2px;
font-family: var(--fontMono); font-family: var(--fontMono);
font-size: @baseFontSize;
font-weight: normal;
line-height: @baseLineHeight;
font-size: @baseFontSize - 2;
border-radius: 3px; border-radius: 3px;
} }
@ -28,8 +24,6 @@ pre {
display: block; display: block;
padding: (@baseLineHeight / 2); padding: (@baseLineHeight / 2);
margin: 0 0 (@baseLineHeight / 2); margin: 0 0 (@baseLineHeight / 2);
font-size: @baseFontSize - 1; // 14px to 13px
line-height: @baseLineHeight;
white-space: pre-wrap; white-space: pre-wrap;
border: 1px solid rgba(0,0,0,.15); border: 1px solid rgba(0,0,0,.15);
border-radius: 4px; border-radius: 4px;

View file

@ -14,7 +14,6 @@ form {
// Identify controls by their labels // Identify controls by their labels
label { label {
display: block; display: block;
font-size: @baseFontSize;
font-weight: normal; font-weight: normal;
line-height: @baseLineHeight; line-height: @baseLineHeight;
margin-bottom: 5px; margin-bottom: 5px;

View file

@ -26,9 +26,6 @@ em {
cite { cite {
font-style: normal; font-style: normal;
} }
.muted {
color: @grayLight;
}
// Headings // Headings

View file

@ -20,13 +20,11 @@
text-transform: none !important; text-transform: none !important;
speak: never; speak: never;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} }
[data-icon]::before { [data-icon]::before {
content: attr(data-icon); content: attr(data-icon);
display: inline-block; display: inline-block;
height: 1em;
margin-right: 0.5em; margin-right: 0.5em;
min-width: 1em; min-width: 1em;
} }