mirror of https://github.com/zulip/zulip.git
css: Use SCSS nesting in settings.scss for `.bots_list`.
This commit is contained in:
majordwarf
Tim Abbott
parent
ad623a3bc3
commit
b85f587eac
|
|
@ -852,119 +852,119 @@ input[type=checkbox] {
|
|||
display: none;
|
||||
list-style-type: none;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.bots_list .image {
|
||||
vertical-align: top;
|
||||
}
|
||||
.image {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.bots_list .name {
|
||||
font-weight: 600;
|
||||
font-size: 1.1rem;
|
||||
margin: 7px 5px;
|
||||
.name {
|
||||
font-weight: 600;
|
||||
font-size: 1.1rem;
|
||||
margin: 7px 5px;
|
||||
|
||||
overflow: hidden;
|
||||
line-height: 1.3em;
|
||||
text-overflow: ellipsis;
|
||||
white-space: pre;
|
||||
}
|
||||
overflow: hidden;
|
||||
line-height: 1.3em;
|
||||
text-overflow: ellipsis;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.bots_list .regenerate_bot_api_key {
|
||||
position: relative;
|
||||
margin-left: 5px;
|
||||
color: hsl(0, 0%, 67%);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.regenerate_bot_api_key {
|
||||
position: relative;
|
||||
margin-left: 5px;
|
||||
color: hsl(0, 0%, 67%);
|
||||
transition: all 0.3s ease;
|
||||
|
||||
.bots_list .regenerate_bot_api_key:hover {
|
||||
color: hsl(0, 0%, 27%);
|
||||
}
|
||||
&:hover {
|
||||
color: hsl(0, 0%, 27%);
|
||||
}
|
||||
}
|
||||
|
||||
.bots_list .edit-bot-buttons {
|
||||
padding-top: 5px;
|
||||
}
|
||||
.edit-bot-buttons {
|
||||
padding-top: 5px;
|
||||
|
||||
.bots_list .edit-bot-buttons button {
|
||||
background-color: transparent;
|
||||
}
|
||||
button {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.bots_list .edit-bot-buttons .btn {
|
||||
padding: 4px;
|
||||
}
|
||||
.btn {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.bots_list .edit-bot-buttons .sea-green {
|
||||
color: hsl(177, 70%, 46%);
|
||||
}
|
||||
.sea-green {
|
||||
color: hsl(177, 70%, 46%);
|
||||
}
|
||||
|
||||
.bots_list .edit-bot-buttons .blue {
|
||||
color: hsl(203, 77%, 56%);
|
||||
}
|
||||
.blue {
|
||||
color: hsl(203, 77%, 56%);
|
||||
}
|
||||
|
||||
.bots_list .edit-bot-buttons .danger-red {
|
||||
color: hsl(0, 56%, 73%);
|
||||
}
|
||||
.danger-red {
|
||||
color: hsl(0, 56%, 73%);
|
||||
}
|
||||
|
||||
.bots_list .edit-bot-buttons .copy-gold {
|
||||
color: hsl(51, 90%, 50%);
|
||||
}
|
||||
.copy-gold {
|
||||
color: hsl(51, 90%, 50%);
|
||||
}
|
||||
}
|
||||
|
||||
.bots_list .bot-information-box {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: calc(50% - 10px);
|
||||
max-height: 220px;
|
||||
margin: 5px;
|
||||
.bot-information-box {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: calc(50% - 10px);
|
||||
max-height: 220px;
|
||||
margin: 5px;
|
||||
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
|
||||
overflow: auto;
|
||||
}
|
||||
overflow: auto;
|
||||
|
||||
.bots_list .bot-information-box .details {
|
||||
display: inline-block;
|
||||
width: calc(100% - 75px);
|
||||
}
|
||||
.details {
|
||||
display: inline-block;
|
||||
width: calc(100% - 75px);
|
||||
}
|
||||
}
|
||||
|
||||
.bots_list img.avatar {
|
||||
margin: 10px 5px 0px 10px;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
border-radius: 4px;
|
||||
vertical-align: top;
|
||||
box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.1);
|
||||
}
|
||||
img.avatar {
|
||||
margin: 10px 5px 0px 10px;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
border-radius: 4px;
|
||||
vertical-align: top;
|
||||
box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.1);
|
||||
}
|
||||
|
||||
.bots_list .email,
|
||||
.bots_list .type {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.email,
|
||||
.type {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.bots_list .email .value,
|
||||
.bots_list .api_key .api-key-value-and-button {
|
||||
display: block;
|
||||
margin-left: 0px;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
white-space: normal;
|
||||
}
|
||||
.email .value,
|
||||
.api_key .api-key-value-and-button {
|
||||
display: block;
|
||||
margin-left: 0px;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.bots_list .api_key .api-key-value-and-button {
|
||||
font-family: "Inconsolata", Menlo, monospace;
|
||||
font-size: 0.85em;
|
||||
display: flex;
|
||||
}
|
||||
.api_key .api-key-value-and-button {
|
||||
font-family: "Inconsolata", Menlo, monospace;
|
||||
font-size: 0.85em;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.bots_list .bot_info {
|
||||
padding: 10px;
|
||||
}
|
||||
.bot_info {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.bot_info .field {
|
||||
font-weight: 300;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
color: hsl(0, 0%, 67%);
|
||||
.field {
|
||||
font-weight: 300;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
color: hsl(0, 0%, 67%);
|
||||
}
|
||||
}
|
||||
|
||||
.bot_error {
|
||||
|
|
|
|||
Loading…
Reference in New Issue