Skip to content

fix: style ExternalOidc login button on identity-server pages #1325

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
SebastianStehle merged 2 commits into from
Jul 29, 2026
Merged

fix: style ExternalOidc login button on identity-server pages #1325

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
53ab4d8
Add OIDC button and styles to theme
sinadarbouy Jun 10, 2026
c52e9fa
Regenerate ExternalOidc icon via icomoon
sinadarbouy Jul 29, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions frontend/src/app/_theme.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -214,6 +214,7 @@ <h1 class="bs-section-title">Buttons</h1>
<button class="btn btn-twitter"><i class="icon-twitter icon-decent"></i> Twitter</button>
<button class="btn btn-microsoft"><i class="icon-microsoft icon-decent"></i> Microsoft</button>
<button class="btn btn-github"><i class="icon-github icon-decent"></i> Github</button>
<button class="btn btn-externaloidc"><i class="icon-externaloidc icon-decent"></i> OIDC</button>
</div>
</div>

Expand Down
4 changes: 4 additions & 0 deletions frontend/src/app/theme/_bootstrap.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -382,6 +382,10 @@ a {
@include button-variant($color-extern-twitter, $color-extern-twitter);
}

&-externaloidc {
@include button-variant($color-extern-oidc, $color-extern-oidc);
}

// Special radio button.
&-radio {
& {
Expand Down
1 change: 1 addition & 0 deletions frontend/src/app/theme/_vars.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@ $color-extern-github: #353535;
$color-extern-google: #d34836;
$color-extern-microsoft: #004185;
$color-extern-twitter: #1da1f2;
$color-extern-oidc: #526484;

$color-theme-brand: #3389ff;
$color-theme-brand-dark: #3284f4;
Expand Down
22 changes: 18 additions & 4 deletions frontend/src/app/theme/icomoon/demo.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,24 @@
<link rel="stylesheet" href="style.css"></head>
<body>
<div class="bgc1 clearfix">
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;155)</small></h1>
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;156)</small></h1>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 24</h1>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-externaloidc"></span>
<span class="mls"> icon-externaloidc</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e906" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe906;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-check-circle"></span>
Expand Down Expand Up @@ -1561,7 +1575,7 @@ <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
</div>
<div class="glyph fs3">
<div class="clearfix bshadow0 pbs">
<span class="icon-bin3"></span>
<span class="icon-delete"></span>
<span class="mls"> icon-delete</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
Expand All @@ -1575,7 +1589,7 @@ <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
</div>
<div class="glyph fs3">
<div class="clearfix bshadow0 pbs">
<span class="icon-bin3"></span>
<span class="icon-bin"></span>
<span class="mls"> icon-bin</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
Expand Down Expand Up @@ -2264,7 +2278,7 @@ <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
</div>
<div class="glyph fs4">
<div class="clearfix bshadow0 pbs">
<span class="icon-bin3"></span>
<span class="icon-bin2"></span>
<span class="mls"> icon-bin2</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
Expand Down
Binary file modified frontend/src/app/theme/icomoon/fonts/icomoon.eot
View file
Open in desktop
Binary file not shown.
1 change: 1 addition & 0 deletions frontend/src/app/theme/icomoon/fonts/icomoon.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified frontend/src/app/theme/icomoon/fonts/icomoon.ttf
View file
Open in desktop
Binary file not shown.
Binary file modified frontend/src/app/theme/icomoon/fonts/icomoon.woff
View file
Open in desktop
Binary file not shown.
6 changes: 6 additions & 0 deletions frontend/src/app/theme/icomoon/icons/externaloidc.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion frontend/src/app/theme/icomoon/selection.json
View file
Open in desktop

Large diffs are not rendered by default.

13 changes: 8 additions & 5 deletions frontend/src/app/theme/icomoon/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?th15sf');
src: url('fonts/icomoon.eot?th15sf#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?th15sf') format('truetype'),
url('fonts/icomoon.woff?th15sf') format('woff'),
url('fonts/icomoon.svg?th15sf#icomoon') format('svg');
src: url('fonts/icomoon.eot?6vhqfo');
src: url('fonts/icomoon.eot?6vhqfo#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?6vhqfo') format('truetype'),
url('fonts/icomoon.woff?6vhqfo') format('woff'),
url('fonts/icomoon.svg?6vhqfo#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
Expand All @@ -25,6 +25,9 @@
-moz-osx-font-smoothing: grayscale;
}

.icon-externaloidc:before {
content: "\e906";
}
.icon-check-circle:before {
content: "\e999";
}
Expand Down
Loading