Discharge7443/fleet
1
0
Fork 0
Code Issues Pull Requests Actions 32 Packages Projects Releases Wiki Activity

Fleet UI: [Released styling bug] Fix setup icon pushed off setup steps (#12318)

Browse Source
This commit is contained in:
RachelElysia
2023-06-14 08:52:31 -04:00
committed by GitHub
parent 09d2ccd009
commit adee3fb447
2 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
changes/12310-setup-styling
+1
View File
@@ -0,0 +1 @@
Fix styling bug on setup caused by new font being much wider
frontend/pages/RegistrationPage/Breadcrumbs/_styles.scss
+14 -6
View File
@@ -12,21 +12,23 @@
&__page {
text-align: center;
width: 150px;
width: 156px;
font-size: $small;
font-weight: $regular;
color: $core-white;
position: relative;
padding-bottom: 5px;
display: flex;
flex-direction: column;
align-items: center;
&::before {
content: "";
position: absolute;
width: 200px;
width: 198px;
height: 2px;
background-color: $core-vibrant-blue;
bottom: 46px;
left: 87px;
bottom: 78px;
left: 90px;
@include breakpoint(tablet) {
bottom: 25px;
@@ -41,7 +43,7 @@
border-radius: 50%;
content: "";
font-size: $x-large;
margin: 14px auto 0;
margin-top: 12px;
position: relative;
z-index: 1;
cursor: pointer;
@@ -64,6 +66,7 @@
&--1 {
&::after {
border: 2px solid $core-white;
margin-top: 11px;
}
&.registration-breadcrumbs__page--active {
@@ -78,6 +81,7 @@
&::after {
background-color: transparent;
border: 2px solid $core-white;
margin-top: 13px;
}
}
@@ -100,6 +104,7 @@
&--2 {
&::after {
border: solid 1px $core-vibrant-blue;
margin-top: 11px;
}
&.registration-breadcrumbs__page--active {
@@ -114,6 +119,7 @@
&::after {
background-color: transparent;
border: 2px solid $core-white;
margin-top: 13px;
}
}
@@ -139,6 +145,7 @@
&::after {
border: solid 1px $core-vibrant-blue;
margin-top: 11px;
}
&.registration-breadcrumbs__page--active {
@@ -153,6 +160,7 @@
&::after {
background-color: transparent;
border: 2px solid $core-white;
margin-top: 13px;
}
}