diff --git a/bfrontend/src/Styles/App.scss b/bfrontend/src/Styles/App.scss index 2169186..7452d00 100644 --- a/bfrontend/src/Styles/App.scss +++ b/bfrontend/src/Styles/App.scss @@ -10,10 +10,10 @@ @import "./Components/properties.scss"; ::-webkit-scrollbar { - width: 0px; + width: var(--default-scrollbar-width); } ::-webkit-scrollbar-track { - background: var(--accent-color-light); + background: var(--default-scrollbar-color-track); } ::-webkit-scrollbar-thumb { background: var(--default-scrollbar-color); diff --git a/bfrontend/src/Styles/Components/Message.scss b/bfrontend/src/Styles/Components/Message.scss index b3661b4..7e35711 100644 --- a/bfrontend/src/Styles/Components/Message.scss +++ b/bfrontend/src/Styles/Components/Message.scss @@ -7,6 +7,7 @@ padding: 1px; border-radius: var(--channel-message-border-radius); background-color: var(--channel-message-color); + max-width: 150px; } .no-messages-warning { diff --git a/bfrontend/src/Styles/Components/ProfileLink.scss b/bfrontend/src/Styles/Components/ProfileLink.scss index 9e02c86..447fd83 100644 --- a/bfrontend/src/Styles/Components/ProfileLink.scss +++ b/bfrontend/src/Styles/Components/ProfileLink.scss @@ -60,7 +60,8 @@ align-items: center; text-overflow: ellipsis; white-space: nowrap; - overflow-x: hidden; + overflow: hidden; + flex-shrink: 0; &.profile-link-offset-text { align-items: unset; diff --git a/bfrontend/src/Styles/Components/Textbox.scss b/bfrontend/src/Styles/Components/Textbox.scss index 165480f..2e928dc 100644 --- a/bfrontend/src/Styles/Components/Textbox.scss +++ b/bfrontend/src/Styles/Components/Textbox.scss @@ -15,6 +15,7 @@ margin: 0; margin-bottom: 5px; padding-left: 16px; + margin-top: 6px; font-size: 16px; } } \ No newline at end of file diff --git a/bfrontend/src/Styles/mixins.scss b/bfrontend/src/Styles/mixins.scss index a5d688f..dcbbf81 100644 --- a/bfrontend/src/Styles/mixins.scss +++ b/bfrontend/src/Styles/mixins.scss @@ -1,4 +1,4 @@ @mixin fancy-scrollbar-firefox { - scrollbar-width: none; - scrollbar-color: var(--default-scrollbar-color) var(--accent-color-light); + scrollbar-width: var(--default-scrollbar-width); + scrollbar-color: var(--default-scrollbar-color) var(--default-scrollbar-color-track); } \ No newline at end of file diff --git a/bfrontend/src/Styles/root.scss b/bfrontend/src/Styles/root.scss index 5cf9b07..c866f69 100644 --- a/bfrontend/src/Styles/root.scss +++ b/bfrontend/src/Styles/root.scss @@ -18,7 +18,9 @@ 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: var(--background-color);