mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-08-31 21:19:21 +03:00
Interface fixes
This commit is contained in:
parent
bce1abd024
commit
3090b44dae
23 changed files with 388 additions and 248 deletions
|
|
@ -393,6 +393,16 @@ html.rl-no-preview-pane {
|
|||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.threads-len {
|
||||
.threads-len-data {
|
||||
background-color: #999;
|
||||
color: #fff;
|
||||
border-radius: 6px;
|
||||
padding: 0px 4px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.subject-prefix {
|
||||
color: #888;
|
||||
/*font-style: italic;*/
|
||||
|
|
@ -437,6 +447,16 @@ html.rl-no-preview-pane {
|
|||
text-shadow: 0px 1px 0px #eee;
|
||||
}
|
||||
|
||||
&.hasUnseenSubMessage {
|
||||
background-color: #FFFFD9;
|
||||
.sidebarParent {
|
||||
background-color: lighten(orange, 30%);
|
||||
}
|
||||
&.focused .sidebarParent {
|
||||
background-color: darken(orange, 10%) !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.unseen {
|
||||
background-color: #FFFFD9;
|
||||
.sender, .subject, .subject-suffix {
|
||||
|
|
@ -451,16 +471,7 @@ html.rl-no-preview-pane {
|
|||
}
|
||||
}
|
||||
|
||||
&.hasUnseenSubMessage {
|
||||
background-color: #FFFFD9;
|
||||
.sidebarParent {
|
||||
background-color: lighten(orange, 30%);
|
||||
}
|
||||
&.focused .sidebarParent {
|
||||
background-color: darken(orange, 10%) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
&.hasParentMessage {
|
||||
background-color: #ecf0f1;
|
||||
|
||||
|
|
@ -484,6 +495,7 @@ html.rl-no-preview-pane {
|
|||
}
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
&.checked {
|
||||
.sidebarParent {
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ html.rl-no-preview-pane {
|
|||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
left: -2px;
|
||||
height: 30px;
|
||||
padding: 10px 0;
|
||||
color: #fff;
|
||||
|
|
@ -365,15 +365,24 @@ html.rl-no-preview-pane {
|
|||
border-color: darken(@rlMainDarkColor, 5%);
|
||||
}
|
||||
|
||||
.thread-controls {
|
||||
.dropdown-toggle {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
&.open .dropdown-toggle {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.thread-list {
|
||||
|
||||
.e-link {
|
||||
padding: 3px 5px 3px 10px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
padding: 3px 8px 3px 10px;
|
||||
}
|
||||
|
||||
.hread-date {
|
||||
.thread-date {
|
||||
font-size: 13px;
|
||||
color: #999;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@
|
|||
text-shadow: 0 1px 0 #000;
|
||||
|
||||
display: inline-block;
|
||||
height: 28px;
|
||||
height: 29px;
|
||||
max-width: 250px;
|
||||
border-radius: 4px;
|
||||
font-size: 16px;
|
||||
|
|
|
|||
|
|
@ -105,7 +105,7 @@ select {
|
|||
}
|
||||
|
||||
.btn {
|
||||
border-radiu: @btnBorderRadius;
|
||||
border-radius: @btnBorderRadius;
|
||||
background-image: none;
|
||||
padding-left: 13px;
|
||||
padding-right: 13px;
|
||||
|
|
@ -180,26 +180,22 @@ html.rgba.textshadow {
|
|||
}
|
||||
}
|
||||
|
||||
// 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 {
|
||||
border-top-left-radius: @btnBorderRadius;
|
||||
border-bottom-left-radius: @btnBorderRadius;
|
||||
.btn-group > .btn {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
|
||||
.btn-group > .btn:last-child,
|
||||
.btn-group > .dropdown-toggle {
|
||||
border-top-right-radius: @btnBorderRadius;
|
||||
border-bottom-right-radius: @btnBorderRadius;
|
||||
|
||||
.btn-group > .btn.single {
|
||||
border-radius: @btnBorderRadius !important;
|
||||
}
|
||||
// Reset corners for large buttons
|
||||
.btn-group > .btn.large:first-child {
|
||||
border-top-left-radius: @btnBorderRadius;
|
||||
border-bottom-left-radius: @btnBorderRadius;
|
||||
|
||||
.btn-group > .btn.first {
|
||||
border-top-left-radius: @btnBorderRadius !important;
|
||||
border-bottom-left-radius: @btnBorderRadius !important;
|
||||
}
|
||||
.btn-group > .btn.large:last-child,
|
||||
.btn-group > .large.dropdown-toggle {
|
||||
border-top-right-radius: @btnBorderRadius;
|
||||
border-bottom-right-radius: @btnBorderRadius;
|
||||
|
||||
.btn-group > .btn.last {
|
||||
border-top-right-radius: @btnBorderRadius !important;
|
||||
border-bottom-right-radius: @btnBorderRadius !important;
|
||||
}
|
||||
|
||||
.dropdown.colored-toggle.open .btn.dropdown-toggle {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue