You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
155 lines
2.5 KiB
Plaintext
155 lines
2.5 KiB
Plaintext
/**
|
|
* Swipe plugin styles
|
|
*/
|
|
|
|
@import (reference) "../../../../skins/elastic/styles/variables";
|
|
@import (reference) "../../../../skins/elastic/styles/mixins";
|
|
|
|
#listoptions-menu > fieldset.swipe {
|
|
margin-top: 1.5rem;
|
|
}
|
|
|
|
#swipe-action {
|
|
position: absolute;
|
|
background-color: lighten(@color-black, 85%);
|
|
color: @color-black;
|
|
display: flex;
|
|
align-items: center;
|
|
border-collapse: collapse;
|
|
|
|
&.checkmail,
|
|
&.select,
|
|
&.deselect {
|
|
background-color: lighten(@color-black, 50%);
|
|
color: #fff;
|
|
}
|
|
|
|
&.delete,
|
|
&.junk {
|
|
background-color: @color-message-error;
|
|
color: #fff;
|
|
}
|
|
|
|
&.flagged,
|
|
&.unflagged,
|
|
&.read,
|
|
&.unread {
|
|
background-color: @color-message-information;
|
|
color: #fff;
|
|
}
|
|
|
|
&.forward,
|
|
&.reply,
|
|
&.replyall {
|
|
background-color: @color-message-success;
|
|
color: #fff;
|
|
}
|
|
|
|
&.move,
|
|
&.archive {
|
|
background-color: @color-message-warning;
|
|
color: #fff;
|
|
}
|
|
|
|
> div {
|
|
&.left {
|
|
position: absolute;
|
|
right: 0.5em;
|
|
}
|
|
|
|
&.down {
|
|
margin: 0 auto;
|
|
|
|
> span::before {
|
|
width: auto;
|
|
float: none;
|
|
margin: 0;
|
|
margin-bottom: 0.2em;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
> span {
|
|
line-height: 100%;
|
|
font-size: 1.2em;
|
|
|
|
&::before {
|
|
.font-icon-class;
|
|
padding: 0 1.25em 0 0.5em;
|
|
}
|
|
|
|
&.checkmail::before {
|
|
content: @fa-var-sync;
|
|
}
|
|
|
|
&.delete::before {
|
|
content: @fa-var-trash-alt;
|
|
}
|
|
|
|
&.flagged::before {
|
|
content: @fa-var-flag;
|
|
}
|
|
|
|
&.forward::before {
|
|
content: @fa-var-share;
|
|
}
|
|
|
|
&.unflagged::before {
|
|
.font-icon-regular(@fa-var-flag);
|
|
}
|
|
|
|
&.move::before {
|
|
content: @fa-var-arrows-alt;
|
|
}
|
|
|
|
&.read::before {
|
|
.font-icon-regular(@fa-var-star);
|
|
}
|
|
|
|
&.unread::before {
|
|
content: @fa-var-star;
|
|
}
|
|
|
|
&.reply::before {
|
|
content: @fa-var-reply;
|
|
}
|
|
|
|
&.replyall::before {
|
|
content: @fa-var-reply-all;
|
|
}
|
|
|
|
&.select::before {
|
|
.font-icon-regular(@fa-var-check-square);
|
|
}
|
|
|
|
&.deselect::before {
|
|
.font-icon-regular(@fa-var-square);
|
|
}
|
|
|
|
&.archive::before {
|
|
content: @fa-var-archive;
|
|
}
|
|
|
|
&.junk::before {
|
|
content: @fa-var-fire;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.swipe-active,
|
|
.swipe-active > td {
|
|
background-color: @color-layout-list-background;
|
|
}
|
|
|
|
#messagelist-content {
|
|
overscroll-behavior: contain;
|
|
}
|
|
|
|
#messagelist.swipe-active {
|
|
height: 100%;
|
|
|
|
&.swipe-block {
|
|
display: block;
|
|
}
|
|
} |