more or less fix long messages breaking the UI
This commit is contained in:
parent
63b4a60422
commit
92fd25265e
6 changed files with 11 additions and 6 deletions
|
@ -10,10 +10,10 @@
|
||||||
@import "./Components/properties.scss";
|
@import "./Components/properties.scss";
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 0px;
|
width: var(--default-scrollbar-width);
|
||||||
}
|
}
|
||||||
::-webkit-scrollbar-track {
|
::-webkit-scrollbar-track {
|
||||||
background: var(--accent-color-light);
|
background: var(--default-scrollbar-color-track);
|
||||||
}
|
}
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
background: var(--default-scrollbar-color);
|
background: var(--default-scrollbar-color);
|
||||||
|
|
|
@ -7,6 +7,7 @@
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
border-radius: var(--channel-message-border-radius);
|
border-radius: var(--channel-message-border-radius);
|
||||||
background-color: var(--channel-message-color);
|
background-color: var(--channel-message-color);
|
||||||
|
max-width: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-messages-warning {
|
.no-messages-warning {
|
||||||
|
|
|
@ -60,7 +60,8 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow-x: hidden;
|
overflow: hidden;
|
||||||
|
flex-shrink: 0;
|
||||||
|
|
||||||
&.profile-link-offset-text {
|
&.profile-link-offset-text {
|
||||||
align-items: unset;
|
align-items: unset;
|
||||||
|
|
|
@ -15,6 +15,7 @@
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
padding-left: 16px;
|
padding-left: 16px;
|
||||||
|
margin-top: 6px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
|
@ -1,4 +1,4 @@
|
||||||
@mixin fancy-scrollbar-firefox {
|
@mixin fancy-scrollbar-firefox {
|
||||||
scrollbar-width: none;
|
scrollbar-width: var(--default-scrollbar-width);
|
||||||
scrollbar-color: var(--default-scrollbar-color) var(--accent-color-light);
|
scrollbar-color: var(--default-scrollbar-color) var(--default-scrollbar-color-track);
|
||||||
}
|
}
|
|
@ -18,7 +18,9 @@
|
||||||
hsl(225, 35%, 40%)
|
hsl(225, 35%, 40%)
|
||||||
);
|
);
|
||||||
|
|
||||||
--default-scrollbar-color: var(--background-color);
|
--default-scrollbar-color: var(--card-accent-color);
|
||||||
|
--default-scrollbar-color-track: var(--background-color);
|
||||||
|
--default-scrollbar-width: 1px;
|
||||||
|
|
||||||
--channel-top-bar-color-accent: var(--background-color);
|
--channel-top-bar-color-accent: var(--background-color);
|
||||||
--channel-top-bar-color: var(--background-color);
|
--channel-top-bar-color: var(--background-color);
|
||||||
|
|
Loading…
Reference in a new issue