From 810712dfb257aee7dc87043bc17f8adbb559bd3c Mon Sep 17 00:00:00 2001 From: Claude Date: Sat, 31 Oct 2026 11:55:43 +0000 Subject: [PATCH] The brand shows the abap2UI5 logo and leads to the home page, like every other site Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_014YZFmFjqqPw2HLYh1MvmaA --- .github/workflows/pages.yaml | 2 +- index.html | 4 ++-- logo.png | Bin 0 -> 8082 bytes styles.css | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) create mode 100644 logo.png diff --git a/.github/workflows/pages.yaml b/.github/workflows/pages.yaml index 6ef56d1..0441223 100644 --- a/.github/workflows/pages.yaml +++ b/.github/workflows/pages.yaml @@ -28,7 +28,7 @@ jobs: # and the tooling - run: | mkdir _site - cp -r index.html preview.html styles.css src _site/ + cp -r index.html preview.html styles.css logo.png src _site/ - uses: actions/configure-pages@v5 - uses: actions/upload-pages-artifact@v3 with: diff --git a/index.html b/index.html index 055091b..046f290 100644 --- a/index.html +++ b/index.html @@ -5,13 +5,13 @@ abap2UI5 Layout Editor - +
- + abap2UI5 Layout Editor
diff --git a/logo.png b/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..80a225e0894b5471d3861475852c18f30d7a1122 GIT binary patch literal 8082 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 literal 0 HcmV?d00001 diff --git a/styles.css b/styles.css index 0af6b69..3409235 100644 --- a/styles.css +++ b/styles.css @@ -84,7 +84,7 @@ input.invalid { border-color: var(--error); background: color-mix(in srgb, var(- .appbar { display: flex; align-items: center; gap: 14px; padding: 6px 14px; min-height: 52px; background: var(--appbar); color: var(--appbar-text); flex-wrap: wrap; box-shadow: 0 0 0.125rem 0 rgba(34,53,72,.15), 0 0.125rem 0.25rem 0 rgba(34,53,72,.15); position: relative; z-index: 5; } .brand { display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 700; color: inherit; text-decoration: none; } .brand:hover .word span { color: var(--text); } -.brand .mark { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: var(--emphasized); color: #fff; font: 700 13px var(--mono); } +.brand .mark { width: 26px; height: 26px; flex: none; } .brand .word span { font-weight: 400; color: var(--muted); } .classfield { display: flex; align-items: center; gap: 6px; flex: 1; min-width: 260px; } .classfield label { color: var(--muted); }