Add buffer switcher
This commit is contained in:
36
style.css
36
style.css
@@ -352,7 +352,8 @@ form input[type="text"],
|
||||
form input[type="username"],
|
||||
form input[type="password"],
|
||||
form input[type="url"],
|
||||
form input[type="email"] {
|
||||
form input[type="email"],
|
||||
form input[type="search"] {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
font-family: inherit;
|
||||
@@ -561,6 +562,29 @@ kbd {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
ul.switcher-list {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
ul.switcher-list li a {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding: 5px 10px;
|
||||
margin: 4px 0;
|
||||
box-sizing: border-box;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
ul.switcher-list li a.selected {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
ul.switcher-list .server {
|
||||
float: right;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
html {
|
||||
scrollbar-color: var(--gray) transparent;
|
||||
@@ -588,7 +612,8 @@ kbd {
|
||||
form input[type="username"],
|
||||
form input[type="password"],
|
||||
form input[type="url"],
|
||||
form input[type="email"] {
|
||||
form input[type="email"],
|
||||
form input[type="search"] {
|
||||
color: #ffffff;
|
||||
background: var(--sidebar-background);
|
||||
border: 1px solid #495057;
|
||||
@@ -598,7 +623,8 @@ kbd {
|
||||
form input[type="username"]:focus,
|
||||
form input[type="password"]:focus,
|
||||
form input[type="url"]:focus,
|
||||
form input[type="email"]:focus {
|
||||
form input[type="email"]:focus,
|
||||
form input[type="search"]:focus {
|
||||
outline: 0;
|
||||
border-color: #3897ff;
|
||||
}
|
||||
@@ -677,6 +703,10 @@ kbd {
|
||||
border: 1px solid var(--outline-color);
|
||||
box-shadow: inset 0 -1px 0 var(--outline-color);
|
||||
}
|
||||
|
||||
ul.switcher-list li a.selected {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
|
||||
Reference in New Issue
Block a user