Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
discourse/app/assets/stylesheets/common/base/sidebar-custom-section.scss

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

36 lines
609 B
SCSS
Raw Normal View History

FEATURE: ability to reorder links in custom sidebar sections (#20626) Drag and drop to reorder custom sidebar sections
2023-03-20 21:23:28 -04:00
.sidebar-custom-sections {
.sidebar-section-wrapper {
padding-bottom: 0;
}
FIX: global sidebar section icon not moving on scroll (#20851) Global section icon is using absolute position. To make it move on scroll, the parent element has to be relative. https://meta.discourse.org/t/globe-icon-at-sidebar-behaves-badly/259382
2023-03-27 19:13:27 -04:00
.sidebar-section-header {
UX: show tooltip for global nav section icon (#21974)
2023-06-08 12:57:44 -04:00
display: flex;
FEATURE: ability to reorder links in custom sidebar sections (#20626) Drag and drop to reorder custom sidebar sections
2023-03-20 21:23:28 -04:00
}
.sidebar-section-link-prefix.icon {
cursor: move;
}
FEATURE: modal for admins to edit Community section (#21668) Allow admins to edit Community section. This includes drag and drop reorder, change names, delete and reset to default. Visual improvements introduced in edit community section modal are available in edit custom section form as well. For example: - drag and drop links to change their position; - smaller icon picker.
2023-05-29 01:20:23 -04:00
.sidebar-section[data-section-name="community"]
.sidebar-section-link-prefix.icon {
cursor: pointer;
}
FEATURE: ability to reorder links in custom sidebar sections (#20626) Drag and drop to reorder custom sidebar sections
2023-03-20 21:23:28 -04:00
FIX: reorder custom sidebar links on touch screen (#20856) Previously, reorder on touch screens was disabled https://github.com/discourse/discourse/pull/20769. This PR enables it again. However, link has to be hold for 300 ms to enable drag&drop. Otherwise, normal scroll is performed.
2023-03-28 17:57:04 -04:00
a {
-webkit-touch-callout: none !important;
FIX: use unselectable mixin in sidebar drag and drop (#20886) https://github.com/discourse/discourse/blob/7dcaaec90cca3bd8fd5cbe521813d918ea471aaf/app/assets/stylesheets/common/foundation/mixins.scss#L122
2023-03-30 18:28:22 -04:00
@include unselectable;
UX: ensures cursor is pointer over custom sections (#21138)
2023-04-18 05:23:09 -04:00
cursor: pointer;
FIX: reorder custom sidebar links on touch screen (#20856) Previously, reorder on touch screens was disabled https://github.com/discourse/discourse/pull/20769. This PR enables it again. However, link has to be hold for 300 ms to enable drag&drop. Otherwise, normal scroll is performed.
2023-03-28 17:57:04 -04:00
}
FEATURE: ability to reorder links in custom sidebar sections (#20626) Drag and drop to reorder custom sidebar sections
2023-03-20 21:23:28 -04:00
.sidebar-section-wrapper.disabled {
FIX: delay custom section reorder (#20799) Reorder should start after 300ms. In addition, pointer events should be blocked to not open link after reorder is finished.
2023-03-23 22:58:05 -04:00
a {
pointer-events: none;
}
FEATURE: ability to reorder links in custom sidebar sections (#20626) Drag and drop to reorder custom sidebar sections
2023-03-20 21:23:28 -04:00
}
}
FIX: reorder custom sidebar links on touch screen (#20856) Previously, reorder on touch screens was disabled https://github.com/discourse/discourse/pull/20769. This PR enables it again. However, link has to be hold for 300 ms to enable drag&drop. Otherwise, normal scroll is performed.
2023-03-28 17:57:04 -04:00
.discourse-touch {
.sidebar-custom-sections {
a:hover {
background: none !important;
}
}
}