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

Place company card moat value on shared score-bar grid start

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-27 16:27:22 +02:00
parent a20cff0a7b
commit 57b62dae64
3 changed files with 30 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/company-card.html
+4 -3
View File
@@ -88,10 +88,11 @@
<div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div> <div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div>
</div> </div>
</div> </div>
<div class="sg-company-card__moat-row">
<span class="sg-score-bar-label sg-bar-label sg-company-card__moat-label">Moat:</span>
<span class="sg-bar-label sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</div>
</div> </div>
<p class="sg-bar-label sg-company-card__moat">
<span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</p>
<p class="sg-body sg-company-card__summary"> <p class="sg-body sg-company-card__summary">
Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf. Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
</p> </p>
patterns/vsf-card-listen-seite.html
+24 -18
View File
@@ -189,10 +189,11 @@
<div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div> <div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div>
</div> </div>
</div> </div>
<div class="sg-company-card__moat-row">
<span class="sg-score-bar-label sg-bar-label sg-company-card__moat-label">Moat:</span>
<span class="sg-bar-label sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</div>
</div> </div>
<p class="sg-bar-label sg-company-card__moat">
<span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</p>
<p class="sg-body sg-company-card__summary"> <p class="sg-body sg-company-card__summary">
Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf. Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
</p> </p>
@@ -279,10 +280,11 @@
<div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div> <div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div>
</div> </div>
</div> </div>
<div class="sg-company-card__moat-row">
<span class="sg-score-bar-label sg-bar-label sg-company-card__moat-label">Moat:</span>
<span class="sg-bar-label sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</div>
</div> </div>
<p class="sg-bar-label sg-company-card__moat">
<span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</p>
<p class="sg-body sg-company-card__summary"> <p class="sg-body sg-company-card__summary">
Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf. Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
</p> </p>
@@ -369,10 +371,11 @@
<div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div> <div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div>
</div> </div>
</div> </div>
<div class="sg-company-card__moat-row">
<span class="sg-score-bar-label sg-bar-label sg-company-card__moat-label">Moat:</span>
<span class="sg-bar-label sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</div>
</div> </div>
<p class="sg-bar-label sg-company-card__moat">
<span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</p>
<p class="sg-body sg-company-card__summary"> <p class="sg-body sg-company-card__summary">
Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf. Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
</p> </p>
@@ -459,10 +462,11 @@
<div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div> <div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div>
</div> </div>
</div> </div>
<div class="sg-company-card__moat-row">
<span class="sg-score-bar-label sg-bar-label sg-company-card__moat-label">Moat:</span>
<span class="sg-bar-label sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</div>
</div> </div>
<p class="sg-bar-label sg-company-card__moat">
<span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</p>
<p class="sg-body sg-company-card__summary"> <p class="sg-body sg-company-card__summary">
Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf. Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
</p> </p>
@@ -549,10 +553,11 @@
<div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div> <div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div>
</div> </div>
</div> </div>
<div class="sg-company-card__moat-row">
<span class="sg-score-bar-label sg-bar-label sg-company-card__moat-label">Moat:</span>
<span class="sg-bar-label sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</div>
</div> </div>
<p class="sg-bar-label sg-company-card__moat">
<span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</p>
<p class="sg-body sg-company-card__summary"> <p class="sg-body sg-company-card__summary">
Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf. Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
</p> </p>
@@ -639,10 +644,11 @@
<div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div> <div class="sg-score-bar__median-marker" data-component-part="score-median-marker"></div>
</div> </div>
</div> </div>
<div class="sg-company-card__moat-row">
<span class="sg-score-bar-label sg-bar-label sg-company-card__moat-label">Moat:</span>
<span class="sg-bar-label sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</div>
</div> </div>
<p class="sg-bar-label sg-company-card__moat">
<span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</p>
<p class="sg-body sg-company-card__summary"> <p class="sg-body sg-company-card__summary">
Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf. Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
</p> </p>
styles/23-patterns-object-group-card.css
+2 -10
View File
@@ -28,16 +28,8 @@
margin-top: 0; margin-top: 0;
} }
.sg-company-card__moat { .sg-company-card__moat-row {
display: grid; display: contents;
grid-template-columns: var(--layout-score-bar-item-columns);
column-gap: var(--layout-score-bar-item-gap);
align-items: center;
margin: 0;
}
.sg-company-card__moat-label {
margin: 0;
} }
.sg-company-card__moat-value { .sg-company-card__moat-value {