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

Align company card moat value with analysis score bars

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-27 16:24:32 +02:00
parent 593e06d927
commit a20cff0a7b
3 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/company-card.html
+1 -1
View File
@@ -90,7 +90,7 @@
</div> </div>
</div> </div>
<p class="sg-bar-label sg-company-card__moat"> <p class="sg-bar-label sg-company-card__moat">
Moat: <span class="sg-company-card__moat-neutral">Maessig</span> <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>
<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.
patterns/vsf-card-listen-seite.html
+6 -6
View File
@@ -191,7 +191,7 @@
</div> </div>
</div> </div>
<p class="sg-bar-label sg-company-card__moat"> <p class="sg-bar-label sg-company-card__moat">
Moat: <span class="sg-company-card__moat-neutral">Maessig</span> <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>
<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.
@@ -281,7 +281,7 @@
</div> </div>
</div> </div>
<p class="sg-bar-label sg-company-card__moat"> <p class="sg-bar-label sg-company-card__moat">
Moat: <span class="sg-company-card__moat-neutral">Maessig</span> <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>
<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.
@@ -371,7 +371,7 @@
</div> </div>
</div> </div>
<p class="sg-bar-label sg-company-card__moat"> <p class="sg-bar-label sg-company-card__moat">
Moat: <span class="sg-company-card__moat-neutral">Maessig</span> <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>
<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.
@@ -461,7 +461,7 @@
</div> </div>
</div> </div>
<p class="sg-bar-label sg-company-card__moat"> <p class="sg-bar-label sg-company-card__moat">
Moat: <span class="sg-company-card__moat-neutral">Maessig</span> <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>
<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.
@@ -551,7 +551,7 @@
</div> </div>
</div> </div>
<p class="sg-bar-label sg-company-card__moat"> <p class="sg-bar-label sg-company-card__moat">
Moat: <span class="sg-company-card__moat-neutral">Maessig</span> <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>
<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.
@@ -641,7 +641,7 @@
</div> </div>
</div> </div>
<p class="sg-bar-label sg-company-card__moat"> <p class="sg-bar-label sg-company-card__moat">
Moat: <span class="sg-company-card__moat-neutral">Maessig</span> <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>
<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.
styles/23-patterns-object-group-card.css
+13 -1
View File
@@ -29,9 +29,22 @@
} }
.sg-company-card__moat { .sg-company-card__moat {
display: grid;
grid-template-columns: var(--layout-score-bar-item-columns);
column-gap: var(--layout-score-bar-item-gap);
align-items: center;
margin: 0; margin: 0;
} }
.sg-company-card__moat-label {
margin: 0;
}
.sg-company-card__moat-value {
justify-self: start;
text-align: left;
}
.sg-company-card__moat-neutral { .sg-company-card__moat-neutral {
color: var(--text-company-card-moat-neutral); color: var(--text-company-card-moat-neutral);
} }
@@ -39,4 +52,3 @@
.sg-company-card__summary { .sg-company-card__summary {
margin: 0; margin: 0;
} }