diff --git a/client/src/styles/partials/bdsettings/button.scss b/client/src/styles/partials/bdsettings/button.scss index ad29c556..f617e1d0 100644 --- a/client/src/styles/partials/bdsettings/button.scss +++ b/client/src/styles/partials/bdsettings/button.scss @@ -9,6 +9,10 @@ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 2px 0 rgba(0, 0, 0, 0.06); opacity: 1; + .platform-darwin & { + top: 27px; + } + .bd-settings-button-btn { background-image: $logoSmallBw; background-size: 50% 50%; @@ -62,4 +66,4 @@ 100% { filter: grayscale(100%); } -} \ No newline at end of file +} diff --git a/client/src/styles/partials/bdsettings/sidebarview.scss b/client/src/styles/partials/bdsettings/sidebarview.scss index 15670905..f4b2d70c 100644 --- a/client/src/styles/partials/bdsettings/sidebarview.scss +++ b/client/src/styles/partials/bdsettings/sidebarview.scss @@ -15,9 +15,19 @@ opacity: 1; } + .bd-sidebar-view::after { + content: ""; + height: 100%; + width: 310px; + background-color: #202225; + top: 100%; + display: block; + position: absolute; + } + .bd-settings-x { position: absolute; - top: 15px; + top: 18px; left: 250px; border: 2px solid #6e6e6e; border-radius: 50%; @@ -28,6 +38,10 @@ align-items: center; cursor: pointer; + .platform-darwin & { + top: 40px; + } + .bd-x-text { color: #72767d; position: absolute; @@ -51,11 +65,16 @@ } } + .bd-sidebar-region .bd-scroller { + padding-top: 0; + } + .bd-info { display: flex; align-items: flex-end; overflow: hidden; padding: 0 25px; + margin: 10px 0; .bd-vtext { color: #414245; @@ -97,6 +116,10 @@ padding-top: 22px; } } + + .platform-linux & { + top: 0; + } } .bd-settings .bd-sidebar-view.bd-stop .bd-content-region { @@ -110,4 +133,8 @@ .bd-sidebar .bd-settings-button { position: absolute; top: 0; + + .platform-darwin & { + top: 22px; + } } diff --git a/client/src/styles/partials/discordoverrides.scss b/client/src/styles/partials/discordoverrides.scss index ea4012c0..61950dd1 100644 --- a/client/src/styles/partials/discordoverrides.scss +++ b/client/src/styles/partials/discordoverrides.scss @@ -1,5 +1,9 @@ .guilds-wrapper { - padding-top: 50px !important; + padding-top: 49px !important; + + .platform-osx & { + margin-top: 26px; + } } [class*="guilds-wrapper"] + [class*="flex"] { @@ -7,5 +11,9 @@ } .unread-mentions-indicator-top { - top: 45px; + top: 49px; + + .platform-osx & { + top: 50px; + } }