discourse/app/assets/stylesheets/common/base/sidebar-custom-section.scss
Krzysztof Kotlarek f5fadc3149
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-29 08:57:04 +11:00

57 lines
1.1 KiB
SCSS

.sidebar-custom-sections {
.sidebar-section-wrapper {
padding-bottom: 0;
}
.sidebar-section-header {
position: relative;
}
.d-icon-globe {
position: absolute;
left: -0.75em;
height: 0.75em;
width: 0.75em;
margin-top: 0.15em;
align-items: center;
}
.sidebar-section-link-prefix.icon {
cursor: move;
}
a {
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
-o-user-select: none !important;
user-select: none;
}
.sidebar-section-wrapper.disabled {
a {
pointer-events: none;
}
.sidebar-section-link-wrapper {
.sidebar-section-link-prefix.icon,
.sidebar-section-link {
background: none;
color: var(--primary-low-mid);
}
.sidebar-section-link.drag {
font-weight: bold;
color: var(--primary-high);
.sidebar-section-link-prefix.icon {
color: var(--primary-high);
}
}
}
}
}
.discourse-touch {
.sidebar-custom-sections {
a:hover {
background: none !important;
}
}
}