snappymail/dev/Styles/Ui.less

77 lines
1 KiB
Text
Raw Normal View History

.g-ui-user-select-none {
2021-02-08 21:03:54 +08:00
user-select: none;
-webkit-touch-callout: none;
}
.g-ui-link {
color: #369;
text-decoration: underline;
cursor: pointer;
padding: 2px;
&:focus {
outline: 1px;
outline-style: dotted;
}
}
2021-02-11 17:08:27 +08:00
.settings-save-trigger {
display: inline-block;
2021-02-11 17:08:27 +08:00
height: 1em;
line-height: 1em;
&::after {
font-family: "snappymail";
content: " ";
display: block;
margin-left: 1em;
opacity: 0;
transition: opacity 1s linear;
}
&.saving::after {
animation: rotation .8s infinite ease-in-out;
border: 3px solid transparent;
border-radius: 100%;
border-top-color: #999;
height: 11px;
opacity: 1;
width: 11px;
}
2021-02-11 17:08:27 +08:00
&.success::after {
color: #080;
2021-02-11 17:08:27 +08:00
content: "✔";
opacity: 1;
}
2021-02-11 17:08:27 +08:00
&.error::after {
color: #F00;
2021-02-11 17:08:27 +08:00
content: "✖";
2014-08-28 23:27:30 +08:00
opacity: 1;
}
2021-02-11 17:08:27 +08:00
}
textarea + .settings-save-trigger {
vertical-align: top;
}
.settings-saved-trigger-input {
2021-02-10 19:13:17 +08:00
transition: border-color 0.5s linear;
&.success {
2021-02-11 17:08:27 +08:00
border-color: green;
}
&.error {
2021-02-11 17:08:27 +08:00
border-color: red;
}
}
2021-02-08 21:03:54 +08:00
.e-action {
cursor: pointer;
}
.list-table {
max-width: 800px;
}