github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-24 22:09:35 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
ea27079ffa
discourse/app/assets/stylesheets/common/base/sidebar-more-section-links.scss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

46 lines
1.0 KiB
SCSS
Raw Normal View History

UX: Reduce number of links displayed in Community by default (#17703) Additional links are hidden by default and can be accessed via the "more..." link.
2022-07-28 16:46:46 +08:00
.sidebar-more-section-links-details {
UX: sidebar styling, spacing consistency, etc (#18059)
2022-08-24 09:33:15 +08:00
&:focus-within,
UX: Revamp styling of sidebar The following changes are made in this commit: 1. Move caret icon in sidebar section header to the right. 1. Each row in sidebar takes the full width which enables us to do a full width highlight on hover and when sidebar link is active. 1. Ensure each row in Sidebar is of the same height. Internal refs: /t/70546, /t/72196, /t/71820
2022-08-18 15:03:28 +08:00
&:hover {
background: var(--d-sidebar-highlight-color);
}
UX: Reduce number of links displayed in Community by default (#17703) Additional links are hidden by default and can be accessed via the "more..." link.
2022-07-28 16:46:46 +08:00
.sidebar-more-section-links-details-summary {
UX: sidebar focus styles, remove hover for touch (#17713)
2022-07-29 01:04:00 +08:00
color: var(--primary-high);
UX: Reduce number of links displayed in Community by default (#17703) Additional links are hidden by default and can be accessed via the "more..." link.
2022-07-28 16:46:46 +08:00
transition: background-color 0.25s;
UX: sidebar focus styles, remove hover for touch (#17713)
2022-07-29 01:04:00 +08:00
display: flex;
align-items: center;
list-style: none;
UX: Revamp styling of sidebar The following changes are made in this commit: 1. Move caret icon in sidebar section header to the right. 1. Each row in sidebar takes the full width which enables us to do a full width highlight on hover and when sidebar link is active. 1. Ensure each row in Sidebar is of the same height. Internal refs: /t/70546, /t/72196, /t/71820
2022-08-18 15:03:28 +08:00
box-sizing: border-box;
UX: sidebar focus styles, remove hover for touch (#17713)
2022-07-29 01:04:00 +08:00
.d-icon {
margin-left: auto;
color: var(--primary-medium);
}
UX: Reduce number of links displayed in Community by default (#17703) Additional links are hidden by default and can be accessed via the "more..." link.
2022-07-28 16:46:46 +08:00
&::before {
display: none;
}
}
UX: Revamp styling of sidebar The following changes are made in this commit: 1. Move caret icon in sidebar section header to the right. 1. Each row in sidebar takes the full width which enables us to do a full width highlight on hover and when sidebar link is active. 1. Ensure each row in Sidebar is of the same height. Internal refs: /t/70546, /t/72196, /t/71820
2022-08-18 15:03:28 +08:00
.sidebar-more-section-links-details-content-wrapper {
UX: Reduce number of links displayed in Community by default (#17703) Additional links are hidden by default and can be accessed via the "more..." link.
2022-07-28 16:46:46 +08:00
position: absolute;
width: 100%;
UX: Revamp styling of sidebar The following changes are made in this commit: 1. Move caret icon in sidebar section header to the right. 1. Each row in sidebar takes the full width which enables us to do a full width highlight on hover and when sidebar link is active. 1. Ensure each row in Sidebar is of the same height. Internal refs: /t/70546, /t/72196, /t/71820
2022-08-18 15:03:28 +08:00
z-index: z("modal", "content") + 1;
background: transparent;
}
.sidebar-more-section-link-details-content {
background-color: var(--secondary);
UX: Reduce number of links displayed in Community by default (#17703) Additional links are hidden by default and can be accessed via the "more..." link.
2022-07-28 16:46:46 +08:00
box-shadow: shadow("dropdown");
UX: Revamp styling of sidebar The following changes are made in this commit: 1. Move caret icon in sidebar section header to the right. 1. Each row in sidebar takes the full width which enables us to do a full width highlight on hover and when sidebar link is active. 1. Ensure each row in Sidebar is of the same height. Internal refs: /t/70546, /t/72196, /t/71820
2022-08-18 15:03:28 +08:00
margin: 0 calc(var(--d-sidebar-row-horizontal-padding) * 2 / 3);
UX: Reduce number of links displayed in Community by default (#17703) Additional links are hidden by default and can be accessed via the "more..." link.
2022-07-28 16:46:46 +08:00
UX: Revamp styling of sidebar The following changes are made in this commit: 1. Move caret icon in sidebar section header to the right. 1. Each row in sidebar takes the full width which enables us to do a full width highlight on hover and when sidebar link is active. 1. Ensure each row in Sidebar is of the same height. Internal refs: /t/70546, /t/72196, /t/71820
2022-08-18 15:03:28 +08:00
.sidebar-row {
padding: calc(var(--d-sidebar-row-horizontal-padding) / 3);
UX: Reduce number of links displayed in Community by default (#17703) Additional links are hidden by default and can be accessed via the "more..." link.
2022-07-28 16:46:46 +08:00
}
}
UX: Move About and FAQ links into secondary section in More... dropdown (#17793) This commit does not change any behaviour of the links and is simply changing the positions of the links being displayed.
2022-08-04 13:41:08 +08:00
.sidebar-more-section-links-details-content-secondary {
border-top: 1.5px solid var(--primary-low);
}
UX: Reduce number of links displayed in Community by default (#17703) Additional links are hidden by default and can be accessed via the "more..." link.
2022-07-28 16:46:46 +08:00
}
Reference in New Issue Copy Permalink