github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-25 12:45:51 +08:00
Code Issues Actions1 Packages Projects Releases Wiki Activity

follow-up fix due to adding overflow hidden in 32e40ea

Browse Source
This commit is contained in:
Kris 2020-05-29 22:23:23 -04:00
parent 3c11c5dcdc
commit 530c6594cb
1 changed files with 9 additions and 18 deletions

27
app/assets/stylesheets/common/base/menu-panel.scss

@ -154,6 +154,9 @@
.quick-access-panel { .quick-access-panel {
width: 100%; width: 100%;
display: table; display: table;
margin-top: -1px;
border-top: 1px solid $primary-low;
padding-top: 0.5em;
h3 { h3 {
padding: 0 0.4em; padding: 0 0.4em;
@ -279,12 +282,10 @@
div.menu-links-header { div.menu-links-header {
width: 100%; width: 100%;
margin-bottom: 0.5em;
.menu-links-row { .menu-links-row {
box-sizing: border-box; box-sizing: border-box;
border-bottom: 1px solid dark-light-choose($primary-low, $secondary-medium);
display: flex; display: flex;
z-index: 2;
// Tabs should have "ears". // Tabs should have "ears".
padding: 0 4px; padding: 0 4px;
@ -312,26 +313,17 @@ div.menu-links-header {
// This is to make sure active and inactive tab icons have the same // This is to make sure active and inactive tab icons have the same
// size. `box-sizing` does not work and I have no idea why. // size. `box-sizing` does not work and I have no idea why.
border: 1px solid transparent; border: 1px solid transparent;
border-bottom: 0; &:not(.active):hover {
border-bottom: 0;
margin-top: -1px;
}
} }
a.active { a.active {
border: 1px solid dark-light-choose($primary-low, $secondary-medium); border: 1px solid dark-light-choose($primary-low, $secondary-medium);
border-bottom: 0; border-bottom: 1px solid $secondary;
position: relative; position: relative;
&:after {
display: block;
position: absolute;
top: 100%;
left: 0;
z-index: z("header") + 1; // Higher than .menu-panel
width: 100%;
height: 0;
content: "";
border-top: 1px solid $secondary;
}
&:focus, &:focus,
&:hover { &:hover {
background-color: inherit; background-color: inherit;
@ -351,7 +343,6 @@ div.menu-links-header {
box-sizing: border-box; box-sizing: border-box;
align-items: center; align-items: center;
display: flex; display: flex;
margin: -0.5em 0;
max-width: 100%; max-width: 100%;
// `overflow: hidden` on `.user-activity-link` would hide the `::after` // `overflow: hidden` on `.user-activity-link` would hide the `::after`