2021-02-24 17:41:24 +08:00
|
|
|
|
2013-11-16 06:21:12 +08:00
|
|
|
.g-ui-user-select-none {
|
2021-02-08 21:03:54 +08:00
|
|
|
user-select: none;
|
2021-02-24 17:41:24 +08:00
|
|
|
-webkit-touch-callout: none;
|
2013-11-16 06:21:12 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.g-ui-link {
|
2021-02-05 22:31:42 +08:00
|
|
|
color: #369;
|
2013-11-16 06:21:12 +08:00
|
|
|
text-decoration: underline;
|
|
|
|
cursor: pointer;
|
2015-04-25 21:50:10 +08:00
|
|
|
padding: 2px;
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
outline: 1px;
|
|
|
|
outline-style: dotted;
|
|
|
|
}
|
2013-11-16 06:21:12 +08:00
|
|
|
}
|
|
|
|
|
2021-02-11 17:08:27 +08:00
|
|
|
.settings-save-trigger {
|
2013-11-16 06:21:12 +08:00
|
|
|
|
|
|
|
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;
|
2013-11-16 06:21:12 +08:00
|
|
|
}
|
2021-02-11 17:08:27 +08:00
|
|
|
&.success::after {
|
2020-08-31 18:45:43 +08:00
|
|
|
color: #080;
|
2021-02-11 17:08:27 +08:00
|
|
|
content: "✔";
|
|
|
|
opacity: 1;
|
2013-11-16 06:21:12 +08:00
|
|
|
}
|
2021-02-11 17:08:27 +08:00
|
|
|
&.error::after {
|
2020-08-31 18:45:43 +08:00
|
|
|
color: #F00;
|
2021-02-11 17:08:27 +08:00
|
|
|
content: "✖";
|
2014-08-28 23:27:30 +08:00
|
|
|
opacity: 1;
|
2013-11-16 06:21:12 +08:00
|
|
|
}
|
2021-02-11 17:08:27 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
textarea + .settings-save-trigger {
|
|
|
|
vertical-align: top;
|
2013-11-16 06:21:12 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.settings-saved-trigger-input {
|
2021-02-10 19:13:17 +08:00
|
|
|
transition: border-color 0.5s linear;
|
|
|
|
|
2013-11-16 06:21:12 +08:00
|
|
|
&.success {
|
2021-02-11 17:08:27 +08:00
|
|
|
border-color: green;
|
2013-11-16 06:21:12 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
&.error {
|
2021-02-11 17:08:27 +08:00
|
|
|
border-color: red;
|
2013-11-16 06:21:12 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-02-08 21:03:54 +08:00
|
|
|
.e-action {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.list-table {
|
|
|
|
max-width: 800px;
|
|
|
|
}
|