Skip to content

Commit 26398bb

Browse files
committed
fix gh button svg broken by template parser
1 parent c2921f4 commit 26398bb

2 files changed

Lines changed: 13 additions & 5 deletions

File tree

src/ui/styles.css

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1574,7 +1574,7 @@ body {
15741574
.github-btn {
15751575
background: transparent;
15761576
border: 1px solid var(--border-secondary);
1577-
color: var(--text-muted);
1577+
color: var(--text-secondary);
15781578
border-radius: 50%;
15791579
width: 32px;
15801580
height: 32px;
@@ -1586,6 +1586,17 @@ body {
15861586
opacity: 0.6;
15871587
transition: all 0.2s ease;
15881588
text-decoration: none;
1589+
position: relative;
1590+
}
1591+
1592+
.github-btn::after {
1593+
content: "";
1594+
width: 16px;
1595+
height: 16px;
1596+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23bbb'%3E%3Cpath d='M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z'/%3E%3C/svg%3E");
1597+
background-size: 16px 16px;
1598+
background-repeat: no-repeat;
1599+
background-position: center;
15891600
}
15901601

15911602
.github-btn:hover {

src/ui/templates.tsx

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -239,10 +239,7 @@ const SidebarTemplate = (
239239

240240
{/* Settings container */}
241241
<div className="settings-container">
242-
<a href="https://github.com/dt/stackgazer" target="_blank" className="github-btn" title="View on GitHub">
243-
<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
244-
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" />
245-
</svg>
242+
<a href="https://github.com/dt/stackgazer" target="_blank" className="github-btn" title="View on GitHub" id="githubBtn">
246243
</a>
247244
<button className="theme-toggle-btn" id="themeToggleBtn" title="Toggle light/dark theme">🌙</button>
248245
<button className="settings-btn" id="settingsBtn" title="Advanced Settings">⚙️</button>

0 commit comments

Comments
 (0)