discourse/plugins/chat/assets/stylesheets/common/incoming-chat-webhooks.scss
chapoi 0ce0bcd8ff
Remove border radius from chat (#22437)
* add border-radius-large variable

* UX: replace chat border-radius with variable
2023-07-10 15:07:38 +02:00

54 lines
896 B
SCSS

.incoming-chat-webhooks {
margin-top: 1em;
&--row {
display: flex;
justify-content: space-between;
background-color: var(--primary-very-low);
padding: 1em;
border-radius: var(--d-border-radius-large);
margin-bottom: 1em;
&--details {
display: inline-block;
vertical-align: top;
max-width: calc(100% - 120px - 1em);
&--name {
font-weight: bold;
font-size: var(--font-up-1);
}
}
&--controls {
display: inline-block;
vertical-align: top;
}
}
}
.incoming-chat-webhooks-back {
margin-bottom: 1em;
}
.incoming-chat-webhooks-current-emoji {
padding-left: 0.5em;
}
.new-incoming-webhook-container {
display: flex;
align-items: center;
input {
margin: 0;
}
input,
details {
margin-right: 0.5em;
}
.create-new-incoming-webhook-btn {
margin-right: 0.25em;
}
}