Drop bootstrap .well and .pull-left

Reduce bootstrap .pull-right usage
This commit is contained in:
djmaze 2021-11-09 00:53:42 +01:00
parent d64cfb96ad
commit 99c72ad9e6
29 changed files with 348 additions and 391 deletions

View file

@ -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";

View file

@ -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;
}

View file

@ -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;
}

View file

@ -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) {

View file

@ -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;
}

View file

@ -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;
}
}

View file

@ -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;

View file

@ -26,10 +26,10 @@
}
td + td {
width: 150px;
text-align: right;
}
td + td + td {
width: 1%;
width: 1em;
}
.delete {

View file

@ -10,6 +10,7 @@
}
td + td {
white-space: nowrap;
width: 1em;
}

View file

@ -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;
}

View file

@ -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;
}
}
}