Merge and cleanup more CSS rules

This commit is contained in:
djmaze 2021-02-08 17:37:21 +01:00
parent e3e0474be2
commit 004378ed8c
22 changed files with 136 additions and 273 deletions

View file

@ -106,3 +106,8 @@
padding-left: 30px;
}
}
.btn.btn-logout {
padding-left: 12px;
padding-right: 12px;
}

View file

@ -180,3 +180,17 @@
}
}
}
.minimize-custom {
border: 0 solid #333;
border-bottom-width: 3px;
display: inline-block;
float: right;
height: 20px;
width: 16px;
font-size: 20px;
font-weight: bold;
line-height: 20px;
margin-right: 15px;
cursor: pointer;
}

View file

@ -51,7 +51,7 @@
}
.unsubscribed-folder, .unchecked-folder {
opacity: 0.2;
opacity: 0.4;
}
}

View file

@ -1,4 +1,16 @@
#top-system-dropdown-id {
padding-left: 10px;
padding-right: 10px;
}
.rl-left-panel-disabled #more-list-dropdown-id + .dropdown-menu {
position: fixed;
top: 40px;
right: auto;
left: 0;
}
.b-system-drop-down {
.b-toolbar {
@ -10,18 +22,9 @@
z-index: 103;
}
.e-facebook-name {
display: inline-block;
padding-top: 4px;
}
.btn.system-dropdown {
padding-left: 10px;
padding-right: 10px;
}
.button-fb-logout {
margin: 5px;
.dropdown-menu {
right: 0;
left: auto;
}
.email-title {
@ -42,27 +45,16 @@
}
.audioPlace {
font-size: 25px;
line-height: 30px;
display: inline-block;
font-size: 30px;
height: 30px;
margin-right: 10px;
width: 25px;
width: 1em;
.playIcon, .stopIcon {
cursor: pointer;
color: orange;
text-shadow: 0 1px 0 #555;
float: right;
}
.playIcon {
margin-top: 5px;
}
.stopIcon {
font-size: 30px;
line-height: 30px;
margin-right: 10px;
}
.stopIcon {
@ -99,7 +91,6 @@
text-overflow: ellipsis;
border-radius: 4px;
font-weight: bold;
margin-right: 5px;
white-space: nowrap;
}
@ -157,31 +148,28 @@
.equaliser {
width: 20px;
margin-top: 5px;
width: 30px;
height: 20px;
position: relative;
.bar {
float:left;
width: 5px;
height: 5px;
background: orange;
position: absolute;
bottom:0;
animation: none;
}
.first {
left: 0;
animation: none;
left: calc(1em / 2 - 10px);
}
.second {
left: 7px;
animation: none;
left: calc(1em / 2 - 2px);
}
.third {
left: 14px;
animation: none;
left: calc(1em / 2 + 6px);
}
&.animated {

View file

@ -7,20 +7,6 @@ label.inline, span.inline {
display: inline-block;
}
.minimize-custom {
border: 0 solid #333;
border-bottom-width: 3px;
display: inline-block;
float: right;
height: 20px;
width: 16px;
font-size: 20px;
font-weight: bold;
line-height: 20px;
margin-right: 15px;
cursor: pointer;
}
.legend {
display: block;
width: 100%;
@ -47,10 +33,6 @@ label.inline, span.inline {
border-radius: 3px;
}
select {
width: 223px;
}
.btn-small.btn-small-small {
padding: 3px 9px;
font-size: 11px;
@ -65,10 +47,6 @@ select {
padding: 4px 7px;
}
.btn.btn-nowrap {
white-space: nowrap;
}
.btn.btn-ellipsis {
text-overflow: ellipsis;
overflow: hidden;
@ -103,27 +81,11 @@ select {
}
}
.btn.btn-narrow {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.btn-group-custom-margin > .btn + .btn {
margin-left: 0;
}
.btn.btn-large {
font-size: 17px;
}
.btn-group + .btn-group {
margin-left: 3px;
}
.btn {
border-radius: @btnBorderRadius;
background-image: none;
// &:active {
// .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.3), 0 0 0 rgba(0,0,0,.1)");
// }
@ -138,27 +100,12 @@ select {
}
}
.btn.btn-dark-disabled-border {
&.disabled, &[disabled] {
border-color: #aaa;
}
}
//.btn-group.open {
// .dropdown-toggle {
// .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.3), 0 0 0 rgba(0,0,0,.1)");
// }
//}
.btn.btn-success {
background-color: #84AB04;
}
.btn-toolbar {
margin-top: 0;
margin-bottom: 0;
}
.dropdown-menu * + .dividerbar {
margin-top: 9px;
padding-top: 9px;
@ -168,35 +115,10 @@ select {
*/
}
.btn-group > .btn {
border-radius: 0 !important;
}
.btn-group > .btn.single {
border-radius: @btnBorderRadius !important;
}
.btn-group > .btn.first {
border-top-left-radius: @btnBorderRadius !important;
border-bottom-left-radius: @btnBorderRadius !important;
}
.btn-group > .btn.last {
border-top-right-radius: @btnBorderRadius !important;
border-bottom-right-radius: @btnBorderRadius !important;
}
.btn-group + .btn-group {
margin-left: 0;
}
.btn-group {
margin-right: 3px;
}
.btn-group.btn-group-last {
margin-right: 0;
}
.dropdown.colored-toggle.open .btn.dropdown-toggle {
color: #BD362F;

View file

@ -4,30 +4,18 @@
min-width: 300px;
}
.pswp__error-msg {
color: #ccc;
a, a:hover {
color: #fff;
}
}
.pswp__img--placeholder {
opacity: 0;
}
[data-rainloopTip],
[data-rainloopErrorTip] {
position: relative;
}
[data-rainloopTip]::before,
[data-rainloopErrorTip]::before {
background: #fff;
border-radius: 3px;
border: 1px solid #999;
content: attr(data-rainloopTip);
color: red;
content: attr(data-rainloopErrorTip);
font-size: 13px;
left: 100%;
opacity : 0;
opacity: 1;
padding: 0.25em;
position : absolute;
text-align: left;
@ -37,21 +25,11 @@
z-index: 2001 !important;
}
@media only screen and (max-width: 600px) {
[data-rainloopTip]::before,
[data-rainloopErrorTip]::before {
min-width: 60vw;
white-space: normal;
}
}
[data-rainloopErrorTip]::before {
color: red;
content: attr(data-rainloopErrorTip);
opacity: 1;
}
[data-tooltip]:hover::before {
opacity : 1;
}
[data-rainloopTip]::after,
[data-rainloopErrorTip]::after {
border-color: transparent transparent #999 transparent;
border-style: solid;