mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-08-29 20:19:22 +03:00
Drop bootstrap .well and .pull-left
Reduce bootstrap .pull-right usage
This commit is contained in:
parent
d64cfb96ad
commit
99c72ad9e6
29 changed files with 348 additions and 391 deletions
|
|
@ -15,7 +15,6 @@
|
|||
@import "../../vendors/bootstrap/less/button-groups.less";
|
||||
@import "../../vendors/bootstrap/less/alerts.less";
|
||||
@import "../../vendors/bootstrap/less/utilities.less";
|
||||
@import "../../vendors/bootstrap/less/wells.less";
|
||||
|
||||
@import "_FontasticToBoot.less";
|
||||
@import "_BootstrapFix.less";
|
||||
|
|
|
|||
|
|
@ -10,33 +10,32 @@
|
|||
opacity: 0.5;
|
||||
}
|
||||
|
||||
}
|
||||
table {
|
||||
|
||||
.b-admin-packages-list-table {
|
||||
width: 700px;
|
||||
|
||||
width: 700px;
|
||||
|
||||
.package-img {
|
||||
font-size: 12px;
|
||||
margin-right: 2px;
|
||||
div:first-child {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.package-name {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.package-name.core {
|
||||
font-weight: bold;
|
||||
}
|
||||
.package-desc {
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.package-release, .package-actions {
|
||||
td + td {
|
||||
text-align: center;
|
||||
}
|
||||
.package-actions {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.package-configure, .package-active {
|
||||
a {
|
||||
cursor: pointer;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,29 +16,21 @@
|
|||
transition: left 0.3s ease-out, right 0.3s ease-out;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1000px) {
|
||||
|
||||
html.rl-started-trigger .LoginView {
|
||||
/*transform: scale(1.1);*/
|
||||
transform: translateY(-20px);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.LoginView .errorAnimated {
|
||||
animation: login-form-shake 400ms ease-in-out;
|
||||
}
|
||||
|
||||
.LoginView .errorAnimated .buttonLogin {
|
||||
color: #b94a48;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.LoginView {
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.button-delete-transitions {
|
||||
transition: all 0.2s linear;
|
||||
}
|
||||
|
||||
html.rl-started-trigger .LoginView {
|
||||
/*transform: scale(1.1);*/
|
||||
transform: translateY(-20px);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.LoginView .errorAnimated {
|
||||
animation: login-form-shake 400ms ease-in-out;
|
||||
}
|
||||
|
||||
.LoginView .errorAnimated .buttonLogin {
|
||||
color: #b94a48;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.LoginView {
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -76,6 +76,7 @@ textarea + .settings-save-trigger {
|
|||
}
|
||||
|
||||
.button-confirm-delete {
|
||||
transition: all 0.2s linear;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.button-confirm-delete:not(.delete-access) {
|
||||
|
|
|
|||
|
|
@ -12,10 +12,6 @@
|
|||
|
||||
@media screen and (min-width: 1000px) {
|
||||
|
||||
.button-delete-transitions {
|
||||
transition: all 0.2s linear;
|
||||
}
|
||||
|
||||
.b-folders li .anim-action-class {
|
||||
animation: highlight-folder-row 0.5s linear;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -31,6 +31,7 @@ html.rl-no-preview-pane {
|
|||
flex-direction: column;
|
||||
|
||||
.b-footer {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
padding: 7px;
|
||||
|
||||
|
|
@ -51,6 +52,11 @@ html.rl-no-preview-pane {
|
|||
}
|
||||
}
|
||||
|
||||
.b-footer nav {
|
||||
flex-grow: 1;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.btn.buttonMoreSearch {
|
||||
font-size: 11px;
|
||||
padding-left: 8px;
|
||||
|
|
@ -58,6 +64,7 @@ html.rl-no-preview-pane {
|
|||
}
|
||||
|
||||
.second-toolbar {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
padding: 10px 8px 10px 11px;
|
||||
white-space: nowrap;
|
||||
|
|
@ -68,26 +75,35 @@ html.rl-no-preview-pane {
|
|||
border-top-right-radius: @rlMainBorderRadius;
|
||||
border-top-left-radius: @rlMainBorderRadius;
|
||||
border-bottom: 1px solid #bbb;
|
||||
}
|
||||
|
||||
.checkboxCheckAll {
|
||||
cursor: pointer;
|
||||
vertical-align: middle
|
||||
}
|
||||
.checkboxCheckAll {
|
||||
cursor: pointer;
|
||||
margin: 0.5em 0.5em 0 0;
|
||||
}
|
||||
|
||||
.input-append {
|
||||
margin-left: 14px;
|
||||
text-align: right;
|
||||
width: calc(100% - 30px);
|
||||
.search-input-wrp {
|
||||
flex-grow: 1;
|
||||
position: relative;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.close-input-wrp {
|
||||
width: 90%;
|
||||
min-width: 200px;
|
||||
max-width: 300px;
|
||||
}
|
||||
.inputSearch {
|
||||
display: inline-block;
|
||||
max-width: 300px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.inputSearch {
|
||||
width: 100%;
|
||||
}
|
||||
.closeSearch {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 5px;
|
||||
margin: 0 7px;
|
||||
z-index: 100;
|
||||
vertical-align: middle;
|
||||
opacity: .4;
|
||||
&:hover {
|
||||
opacity: .6;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -80,10 +80,6 @@
|
|||
border-radius: @rlMainBorderRadius;
|
||||
}
|
||||
|
||||
html.rl-mobile #rl-settings-subscreen > * {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.firefox-drag #rl-settings-subscreen,
|
||||
.firefox-drag .modal-body {
|
||||
overflow: hidden;
|
||||
|
|
|
|||
|
|
@ -26,10 +26,10 @@
|
|||
}
|
||||
|
||||
td + td {
|
||||
width: 150px;
|
||||
text-align: right;
|
||||
}
|
||||
td + td + td {
|
||||
width: 1%;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
.delete {
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@
|
|||
}
|
||||
|
||||
td + td {
|
||||
white-space: nowrap;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -93,7 +93,7 @@
|
|||
|
||||
blockquote {
|
||||
border: 0;
|
||||
border-left: solid 2px #444;
|
||||
border-left: 2px solid #444;
|
||||
margin: 5px 0 5px 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -59,25 +59,3 @@ label.inline, span.inline {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.close-input-wrp {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
|
||||
input {
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 5px;
|
||||
margin: 0 7px;
|
||||
z-index: 100;
|
||||
vertical-align: middle;
|
||||
opacity: .4;
|
||||
&:hover {
|
||||
opacity: .6;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue