gitea_admin/Styleguide
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: enlarge tooltip speech bubble pointer

Browse Source
This commit is contained in:
gitea_admin committed 2026-09-21 14:39:07 +02:00
1 parent 5b86185cae
commit 944d791707
1 file changed
+8 -8
Download Patch File Download Diff File Expand all files Collapse all files
styles/10-components-interactive-elements.css
+8 -8
View File
@@ -1297,33 +1297,33 @@
} }
.sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before {
top: calc(var(--spacing-small) / -2); top: calc(var(--spacing-small) * -1);
left: 50%; left: 50%;
border-width: 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2); border-width: 0 var(--spacing-small) var(--spacing-small);
border-color: transparent transparent var(--surface-tooltip); border-color: transparent transparent var(--surface-tooltip);
transform: translateX(-50%); transform: translateX(-50%);
} }
.sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before {
bottom: calc(var(--spacing-small) / -2); bottom: calc(var(--spacing-small) * -1);
left: 50%; left: 50%;
border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0; border-width: var(--spacing-small) var(--spacing-small) 0;
border-color: var(--surface-tooltip) transparent transparent; border-color: var(--surface-tooltip) transparent transparent;
transform: translateX(-50%); transform: translateX(-50%);
} }
.sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before {
top: 50%; top: 50%;
right: calc(var(--spacing-small) / -2); right: calc(var(--spacing-small) * -1);
border-width: calc(var(--spacing-small) / 2) 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2); border-width: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small);
border-color: transparent transparent transparent var(--surface-tooltip); border-color: transparent transparent transparent var(--surface-tooltip);
transform: translateY(-50%); transform: translateY(-50%);
} }
.sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before {
top: 50%; top: 50%;
left: calc(var(--spacing-small) / -2); left: calc(var(--spacing-small) * -1);
border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0; border-width: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0;
border-color: transparent var(--surface-tooltip) transparent transparent; border-color: transparent var(--surface-tooltip) transparent transparent;
transform: translateY(-50%); transform: translateY(-50%);
} }