mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-09-20 15:45: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;
|
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 {
|
.b-message-list-wrapper.resizable {
|
||||||
resize: vertical;
|
resize: vertical;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -185,6 +230,43 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
|
||||||
padding:20px 20px 20px 30px;
|
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 */
|
/* desktop */
|
||||||
@media screen and (min-width: 1000px) {
|
@media screen and (min-width: 1000px) {
|
||||||
}
|
}
|
||||||
|
@ -221,6 +303,10 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
|
||||||
.b-settings-content {
|
.b-settings-content {
|
||||||
padding: 10px 10px 10px 20px;
|
padding: 10px 10px 10px 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dropdown-menu a {
|
||||||
|
line-height: 2.5;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
html:not(.rl-ctrl-key-pressed) .visible-on-ctrl-btn,
|
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-paginator {
|
||||||
|
|
||||||
.e-page {
|
.e-page {
|
||||||
|
|
|
@ -38,43 +38,6 @@ label.inline, span.inline {
|
||||||
padding: 4px 7px;
|
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 {
|
.alert a {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
color: #c09853;
|
color: #c09853;
|
||||||
|
|
|
@ -64,13 +64,13 @@
|
||||||
</li>
|
</li>
|
||||||
<li class="e-item" role="presentation" data-bind="click: listSetFlags, css: {'disabled': !hasCheckedOrSelectedLines()}">
|
<li class="e-item" role="presentation" data-bind="click: listSetFlags, css: {'disabled': !hasCheckedOrSelectedLines()}">
|
||||||
<a class="e-link menuitem" href="#" tabindex="-1">
|
<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>
|
<span data-i18n="MESSAGE_LIST/MENU_SET_FLAG"></span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="e-item" role="presentation" data-bind="click: listUnsetFlags, css: {'disabled': !hasCheckedOrSelectedLines()}">
|
<li class="e-item" role="presentation" data-bind="click: listUnsetFlags, css: {'disabled': !hasCheckedOrSelectedLines()}">
|
||||||
<a class="e-link menuitem" href="#" tabindex="-1">
|
<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>
|
<span data-i18n="MESSAGE_LIST/MENU_UNSET_FLAG"></span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
Loading…
Reference in a new issue