mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-09-20 07:35:55 +08:00
Improved mobile and admin CSS
This commit is contained in:
parent
f1b070b0a0
commit
be66ab2ac8
|
@ -96,6 +96,51 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable {
|
|||
width: 5px;
|
||||
}
|
||||
|
||||
.g-ui-menu {
|
||||
max-height: 60vh;
|
||||
max-width: 90vw;
|
||||
overflow: auto;
|
||||
|
||||
.e-link {
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
color: var(--dropdown-menu-color, #333);
|
||||
background-color: var(--dropdown-menu-bg-color, #fff);
|
||||
}
|
||||
|
||||
.e-item.selected > .e-link {
|
||||
background-color: var(--dropdown-menu-selected-bg-color, #eee);
|
||||
}
|
||||
|
||||
.e-item:not(.disabled) > .e-link:focus,
|
||||
.e-item:not(.disabled) > .e-link:hover {
|
||||
background-color: var(--dropdown-menu-hover-bg-color, #444);
|
||||
background-image: none;
|
||||
color: var(--dropdown-menu-hover-color, #eee);
|
||||
}
|
||||
|
||||
.e-item.disabled > .e-link {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
.g-ui-table {
|
||||
|
||||
display: table;
|
||||
width: 100%;
|
||||
|
||||
.e-row {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
.e-cell {
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.b-message-list-wrapper.resizable {
|
||||
resize: vertical;
|
||||
overflow: hidden;
|
||||
|
@ -185,6 +230,43 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
|
|||
padding:20px 20px 20px 30px;
|
||||
}
|
||||
|
||||
.dropdown-menu * + .dividerbar {
|
||||
margin-top: 9px;
|
||||
padding-top: 9px;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.dropdown.colored-toggle.open .btn.dropdown-toggle {
|
||||
color: #BD362F;
|
||||
|
||||
.caret {
|
||||
border-top-color: #BD362F;
|
||||
}
|
||||
}
|
||||
|
||||
.btn.btn-transparent {
|
||||
background: none !important;
|
||||
border-color: transparent !important;
|
||||
text-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
opacity: .6;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group.open .btn.btn-transparent.dropdown-toggle {
|
||||
color: #BD362F;
|
||||
.caret {
|
||||
border-top-color: #BD362F;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group > .btn.single {
|
||||
border-radius: @btnBorderRadius !important;
|
||||
}
|
||||
|
||||
/* desktop */
|
||||
@media screen and (min-width: 1000px) {
|
||||
}
|
||||
|
@ -221,6 +303,10 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
|
|||
.b-settings-content {
|
||||
padding: 10px 10px 10px 20px;
|
||||
}
|
||||
|
||||
.dropdown-menu a {
|
||||
line-height: 2.5;
|
||||
}
|
||||
}
|
||||
|
||||
html:not(.rl-ctrl-key-pressed) .visible-on-ctrl-btn,
|
||||
|
|
|
@ -16,52 +16,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.g-ui-menu {
|
||||
max-height: 400px;
|
||||
max-width: 300px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
|
||||
.e-link {
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
color: var(--dropdown-menu-color, #333);
|
||||
background-color: var(--dropdown-menu-bg-color, #fff);
|
||||
}
|
||||
|
||||
.e-item.selected > .e-link {
|
||||
background-color: var(--dropdown-menu-selected-bg-color, #eee);
|
||||
}
|
||||
|
||||
.e-item:not(.disabled) > .e-link:focus,
|
||||
.e-item:not(.disabled) > .e-link:hover {
|
||||
background-color: var(--dropdown-menu-hover-bg-color, #444);
|
||||
background-image: none;
|
||||
color: var(--dropdown-menu-hover-color, #eee);
|
||||
}
|
||||
|
||||
.e-item.disabled > .e-link {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
.g-ui-table {
|
||||
|
||||
display: table;
|
||||
width: 100%;
|
||||
|
||||
.e-row {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
.e-cell {
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.e-paginator {
|
||||
|
||||
.e-page {
|
||||
|
|
|
@ -38,43 +38,6 @@ label.inline, span.inline {
|
|||
padding: 4px 7px;
|
||||
}
|
||||
|
||||
.btn.btn-transparent {
|
||||
background: none !important;
|
||||
border-color: transparent !important;
|
||||
text-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
opacity: .6;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group.open .btn.btn-transparent.dropdown-toggle {
|
||||
color: #BD362F;
|
||||
.caret {
|
||||
border-top-color: #BD362F;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu * + .dividerbar {
|
||||
margin-top: 9px;
|
||||
padding-top: 9px;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.btn-group > .btn.single {
|
||||
border-radius: @btnBorderRadius !important;
|
||||
}
|
||||
|
||||
.dropdown.colored-toggle.open .btn.dropdown-toggle {
|
||||
color: #BD362F;
|
||||
|
||||
.caret {
|
||||
border-top-color: #BD362F;
|
||||
}
|
||||
}
|
||||
|
||||
.alert a {
|
||||
text-decoration: underline;
|
||||
color: #c09853;
|
||||
|
|
|
@ -64,13 +64,13 @@
|
|||
</li>
|
||||
<li class="e-item" role="presentation" data-bind="click: listSetFlags, css: {'disabled': !hasCheckedOrSelectedLines()}">
|
||||
<a class="e-link menuitem" href="#" tabindex="-1">
|
||||
<i class="icon-none"></i>
|
||||
<i class="fontastic flagged">★</i>
|
||||
<span data-i18n="MESSAGE_LIST/MENU_SET_FLAG"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="e-item" role="presentation" data-bind="click: listUnsetFlags, css: {'disabled': !hasCheckedOrSelectedLines()}">
|
||||
<a class="e-link menuitem" href="#" tabindex="-1">
|
||||
<i class="icon-none"></i>
|
||||
<i class="fontastic unflagged">☆</i>
|
||||
<span data-i18n="MESSAGE_LIST/MENU_UNSET_FLAG"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
|
Loading…
Reference in a new issue