greggy/landingpage-haus-schleusingen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(issue-80): full-width floor plan images + styled room list + restored + icon
All checks were successful
Lint / PHP Syntax Check (push) Successful in 58s
Details
PHPUnit / PHP Unit Tests (push) Successful in 1m8s
Details
Lint / PHP Syntax Check (pull_request) Successful in 29s
Details
Lint / HTML Lint (htmlhint) (push) Successful in 1m39s
Details
Lint / CSS Lint (stylelint) (push) Successful in 1m43s
Details
PHPUnit / PHP Unit Tests (pull_request) Successful in 36s
Details
Lint / CSS Lint (stylelint) (pull_request) Successful in 1m11s
Details
Lint / HTML Lint (htmlhint) (pull_request) Successful in 1m5s
Details

Browse Source
This commit is contained in:
Hermes
2026-06-14 15:38:35 +00:00
parent db83e09a3a
commit d34fc00078
2 changed files with 47 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
public/css/haus-schleusingen.css
View File

@@ -747,7 +747,8 @@ nav.scrolled {
color: var(--stone);
}
.floor-plan {
.floor-plan,
.floor-plan-multi {
margin-top: 1.5rem;
border: 1px solid var(--warm);
background: var(--white);
@@ -755,14 +756,6 @@ nav.scrolled {
max-width: 100%;
}
.floor-plan img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
object-fit: contain;
}
.floor-plan-multi {
display: grid;
grid-template-columns: 1fr 1fr;
@@ -770,7 +763,9 @@ nav.scrolled {
background: var(--warm);
}
.floor-plan-multi img {
.floor-plan img,
.floor-plan-multi img,
img.floor-plan-img {
width: 100%;
max-width: 100%;
height: auto;
@@ -779,6 +774,42 @@ nav.scrolled {
background: var(--white);
}
/* Room list — visible m² per floor */
.room-list {
list-style: none;
margin: 1.5rem 0 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 0.5rem;
}
.room-list li {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
padding: 0.75rem 1rem;
background: var(--cream);
font-size: 0.82rem;
color: var(--charcoal);
}
.room-name {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.room-size {
flex: 0 0 auto;
font-size: 0.72rem;
color: var(--stone);
letter-spacing: 0.05em;
}
@media (width <= 768px) {
.floor-plan-multi {
grid-template-columns: 1fr;