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

Promote help-icon overlay stacking fix to component level

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-21 17:03:50 +02:00
parent 8ec4aac772
commit 517549ce6e
2 changed files with 7 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/vsf-card-listen-fundamentalanalyse-drawer.html
+2 -2
View File
@@ -146,9 +146,9 @@
</div> </div>
</div> </div>
<div class="sg-content-block-card-group__panel" id="vsf-fundamental-tab-panel-2" role="tabpanel" aria-labelledby="vsf-fundamental-tab-2" hidden> <div class="sg-content-block-card-group__panel" id="vsf-fundamental-tab-panel-2" role="tabpanel" aria-labelledby="vsf-fundamental-tab-2" hidden>
<article class="sg-card sg-card--content-card sg-vsf-marktbewertung-card" data-component="content-card" aria-label="Marktbewertung"> <article class="sg-card sg-card--content-card" data-component="content-card" aria-label="Marktbewertung">
<div class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue" data-component-part="card-header"><div class="sg-strong">Marktbewertung</div></div> <div class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue" data-component-part="card-header"><div class="sg-strong">Marktbewertung</div></div>
<div class="sg-card-segment sg-card-segment--gray sg-vsf-marktbewertung-table-segment" data-component-part="card-body"> <div class="sg-card-segment sg-card-segment--gray" data-component-part="card-body">
<div class="sg-score-bar-list sg-score-bar-list--single-score" data-component="score-bar-list"> <div class="sg-score-bar-list sg-score-bar-list--single-score" data-component="score-bar-list">
<div class="sg-score-bar-item" data-component="score-bar"> <div class="sg-score-bar-item" data-component="score-bar">
<p class="sg-score-bar-label sg-bar-label" data-component-part="score-label">Score:</p> <p class="sg-score-bar-label sg-bar-label" data-component-part="score-label">Score:</p>
styleguide.css
+5 -28
View File
@@ -1224,7 +1224,7 @@ section + section {
position: absolute; position: absolute;
top: calc(100% + var(--spacing-small)); top: calc(100% + var(--spacing-small));
left: 0; left: 0;
z-index: 2; z-index: var(--layer-pulldown-panel);
display: none; display: none;
width: var(--layout-help-panel-width); width: var(--layout-help-panel-width);
padding: var(--spacing-large); padding: var(--spacing-large);
@@ -1238,6 +1238,10 @@ section + section {
display: block; display: block;
} }
.sg-help-icon-wrap[data-open="true"] {
z-index: var(--layer-pulldown-panel);
}
.sg-help-icon-wrap[data-align="left"] .sg-help-icon-panel { .sg-help-icon-wrap[data-align="left"] .sg-help-icon-panel {
left: 0; left: 0;
right: auto; right: auto;
@@ -2158,33 +2162,6 @@ section + section {
color: var(--text-vsf-drawer-object-card-body); color: var(--text-vsf-drawer-object-card-body);
} }
.sg-vsf-marktbewertung-table-segment {
position: relative;
z-index: 3;
}
.sg-vsf-marktbewertung-table-segment .sg-help-icon-panel {
z-index: var(--layer-pulldown-panel);
}
.sg-vsf-marktbewertung-table-segment .sg-help-icon-wrap[data-open="true"] {
z-index: calc(var(--layer-pulldown-panel) + 1);
}
.sg-vsf-marktbewertung-table-segment .sg-data-table,
.sg-vsf-marktbewertung-table-segment .sg-data-table thead,
.sg-vsf-marktbewertung-table-segment .sg-data-table tbody,
.sg-vsf-marktbewertung-table-segment .sg-data-table tr,
.sg-vsf-marktbewertung-table-segment .sg-data-table th,
.sg-vsf-marktbewertung-table-segment .sg-data-table td {
position: relative;
overflow: visible;
}
.sg-vsf-marktbewertung-table-segment .sg-data-table__label {
position: relative;
}
/* ========================================================= */ /* ========================================================= */
/* Patterns: Text Layouts */ /* Patterns: Text Layouts */
/* ========================================================= */ /* ========================================================= */