mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-08-31 21:19:21 +03:00
Cleanup more CSS and JS
and merge/cleanup/redesign composer attachments
This commit is contained in:
djmaze
parent
fe45179847
commit
e52b9abc61
23 changed files with 156 additions and 293 deletions
|
|
@ -51,22 +51,11 @@
|
|||
|
||||
.attachmentIconParent {
|
||||
|
||||
position: relative;
|
||||
|
||||
position: absolute;
|
||||
height: 56px;
|
||||
width: 60px;
|
||||
|
||||
background: none;
|
||||
|
||||
.iconPreview, .iconBG, .iconMain, .iconProgress {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
text-align: center;
|
||||
|
||||
.iconProgress {
|
||||
background: #eee;
|
||||
|
|
@ -75,21 +64,15 @@
|
|||
|
||||
.iconBG {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
font-weight: bold;
|
||||
line-height: 55px;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.iconPreview {
|
||||
display: none;
|
||||
|
||||
background: #555;
|
||||
background-image: none;
|
||||
background: rgba(0, 0, 0, .5) !important;
|
||||
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 0 #000;
|
||||
}
|
||||
|
|
@ -111,20 +94,15 @@
|
|||
}
|
||||
|
||||
.attachmentIcon {
|
||||
margin: 6px 0 0 13px;
|
||||
margin: 6px 0 0;
|
||||
font-size: 36px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.attachmentIcon {
|
||||
&.icon-none {
|
||||
display: none;
|
||||
}
|
||||
&.icon-file-certificate {
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.attachmentIconText {
|
||||
|
|
@ -134,7 +112,6 @@
|
|||
height: 56px;
|
||||
color: #aaa;
|
||||
line-height: 56px;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
|
@ -146,45 +123,22 @@
|
|||
}
|
||||
*/
|
||||
|
||||
.attachmentIconParent.hasPreview:hover {
|
||||
.iconPreview {
|
||||
display: inline-block;
|
||||
}
|
||||
.iconMain {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.attachmentIconParent.hasPreplay:hover {
|
||||
.iconPreview {
|
||||
display: inline-block;
|
||||
}
|
||||
.iconMain {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.showPreview, .showPreplay {
|
||||
.showPreview, .showPreplay,
|
||||
.attachmentIconParent.hasPreview:hover .iconMain,
|
||||
.attachmentIconParent.hasPreplay:hover .iconMain,
|
||||
.attachmentIconParent.hasPreview .hidePreview,
|
||||
.attachmentIconParent.hasPreplay .hidePreview {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.attachmentIconParent.hasPreview:hover .iconPreview,
|
||||
.attachmentIconParent.hasPreplay:hover .iconPreview {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.attachmentIconParent.hasPreview .showPreview,
|
||||
.attachmentIconParent.hasPreplay .showPreview {
|
||||
display: inline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.attachmentIconParent.hasPreview {
|
||||
.showPreview {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.hidePreview {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.attachmentIconParent.hasPreplay {
|
||||
.showPreplay {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.hidePreview {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -43,7 +43,6 @@
|
|||
|
||||
.b-header-toolbar {
|
||||
|
||||
height: 40px;
|
||||
color: #fff;
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
cursor: text;
|
||||
font-size: 90%;
|
||||
list-style: none;
|
||||
margin: 0 5px 0 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
transition: border linear .2s, box-shadow linear .2s;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -64,7 +64,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.b-list-delimiter {
|
||||
hr {
|
||||
margin: 10px;
|
||||
border-top: 0 solid #000;
|
||||
border-bottom: 1px solid #999;
|
||||
|
|
@ -175,10 +175,6 @@
|
|||
|
||||
.e-collapsed-sign {
|
||||
cursor: pointer;
|
||||
width: 22px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
vertical-align: inherit;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -309,6 +309,7 @@ html.rl-no-preview-pane {
|
|||
}
|
||||
}
|
||||
|
||||
html.rl-mobile #rl-left > .resizer,
|
||||
html.rl-side-preview-pane:not(.rl-mobile) #rl-right .resizer {
|
||||
display: none !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -344,11 +344,6 @@ html.rl-no-preview-pane {
|
|||
margin-right: 2px;
|
||||
border: 1px solid #ccc;
|
||||
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #aaa;
|
||||
border-color: #666;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,4 @@
|
|||
|
||||
label {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
label.inline, span.inline {
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -49,12 +45,6 @@ label.inline, span.inline {
|
|||
box-shadow: none !important;
|
||||
opacity: .6;
|
||||
|
||||
[class^="icon-"] {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
|
@ -65,9 +55,6 @@ label.inline, span.inline {
|
|||
.caret {
|
||||
border-top-color: #BD362F;
|
||||
}
|
||||
[class^="icon-"]:before {
|
||||
color: #BD362F;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu * + .dividerbar {
|
||||
|
|
@ -86,10 +73,6 @@ label.inline, span.inline {
|
|||
.caret {
|
||||
border-top-color: #BD362F;
|
||||
}
|
||||
|
||||
[class^="icon-"]:before {
|
||||
color: #BD362F;
|
||||
}
|
||||
}
|
||||
|
||||
.alert a {
|
||||
|
|
|
|||
|
|
@ -19,34 +19,11 @@
|
|||
}
|
||||
}
|
||||
|
||||
.iconsize20 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
/* .b-contacts-content .b-view-content */
|
||||
.iconsize24 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
/* White icons with optional class, or on hover/active states of certain elements */
|
||||
.icon-white,
|
||||
.nav > .active > a > [class^="icon-"],
|
||||
.nav > .active > a > [class*=" icon-"] {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.g-ui-menu .e-item:hover [class^="icon-"],
|
||||
.g-ui-menu .e-item:hover [class*=" icon-"] {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.icon-none {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
.iconcolor-display-none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.iconcolor-green {
|
||||
color: green;
|
||||
}
|
||||
|
|
@ -69,25 +46,21 @@
|
|||
border: 3px solid #aaa;
|
||||
border-top-color: #333;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
&.big {
|
||||
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
|
||||
margin: -1px -2px;
|
||||
.btn-success .icon-spinner {
|
||||
border-color: #fff;
|
||||
border-top-color: #999;
|
||||
&.animated {
|
||||
border-color: transparent;
|
||||
border-top-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&.white, &.icon-white {
|
||||
|
||||
border-color: #fff;
|
||||
border-top-color: #999;
|
||||
|
||||
&.animated {
|
||||
border-color: transparent;
|
||||
border-top-color: #fff;
|
||||
}
|
||||
}
|
||||
.btn-large .icon-spinner {
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
margin: -1px -2px;
|
||||
}
|
||||
|
||||
.icon-spinner:not(.not-animated) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue