more or less fix long messages breaking the UI

This commit is contained in:
hippoz 2021-08-29 16:57:32 +03:00
parent 63b4a60422
commit 92fd25265e
No known key found for this signature in database
GPG key ID: 7C52899193467641
6 changed files with 11 additions and 6 deletions

View file

@ -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);

View file

@ -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 {

View file

@ -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;

View file

@ -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;
} }
} }

View file

@ -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);
} }

View file

@ -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);