mirror of
https://github.com/go-gitea/gitea.git
synced 2026-06-03 12:17:10 +02:00
28096162fa
Removes redundant/obsolete WebKit prefixes: - `-webkit-mask-*` — duplicate the unprefixed `mask-*` siblings already present; every supported browser handles unprefixed CSS Masking longhands. - `-webkit-overflow-scrolling: touch` — a no-op outside iOS Safari <13. Browser floor (all support unprefixed `mask`): Chrome 120+, Safari 15.4+, Firefox 53+, and PaleMoon/Goanna (verified: unprefixed `mask` longhands implemented unconditionally in UXP). --- This PR was written with the help of Claude Opus 4.8 Co-authored-by: Claude (Opus 4.8) <noreply@anthropic.com>
54 lines
1.8 KiB
CSS
54 lines
1.8 KiB
CSS
.ui.vertical.menu > details.item {
|
|
user-select: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.ui.vertical.menu > details.item summary {
|
|
display: flex;
|
|
justify-content: space-between; /* make the "::after" right-aligned */
|
|
align-items: center;
|
|
padding: 16px 13px; /* match Fomantic menu item padding */
|
|
}
|
|
|
|
.ui.vertical.menu > details.item > summary::marker, /* Chrome, Edge, Firefox */
|
|
.ui.vertical.menu > details.item > summary::-webkit-details-marker /* Safari */ {
|
|
display: none;
|
|
}
|
|
|
|
.ui.vertical.menu > details.item > summary::after {
|
|
transition: transform 0.25s ease;
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
mask-size: cover;
|
|
mask-image: var(--octicon-chevron-right);
|
|
background: currentcolor;
|
|
border: 1px solid var(--color-body); /* workaround https://bugzilla.mozilla.org/show_bug.cgi?id=1671784 */
|
|
}
|
|
|
|
.ui.vertical.menu > details.item[open] > summary::after {
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
/* default toggleable details menu: items don't have menu item padding, don't change background color on hover or active */
|
|
.ui.vertical.menu > details.item > .menu {
|
|
margin: 0 0 10px; /* only need the space between the current details menu and next item */
|
|
}
|
|
|
|
/* full width toggleable details menu: items have menu item padding, change background color on hover and active */
|
|
.ui.vertical.menu > details.item > .menu.items-full-width {
|
|
margin: 0;
|
|
}
|
|
|
|
.ui.vertical.menu > details.item > .menu.items-full-width > .item {
|
|
padding: 16px 13px; /* match Fomantic menu item padding */
|
|
}
|
|
|
|
.ui.vertical.menu > details.item > .menu.items-full-width > .item.active {
|
|
background: var(--color-active);
|
|
}
|
|
|
|
.ui.vertical.menu > details.item > .menu.items-full-width > .item:hover {
|
|
background: var(--color-hover); /* ".ui.vertical.menu .menu .item" resets the hover background, so we need to add it again */
|
|
}
|