Skip to content

Commit

Permalink
#7189 Update the Completed Before page
Browse files Browse the repository at this point in the history
Fixes #7189
  • Loading branch information
novikov82 committed Nov 3, 2023
1 parent 31f9a78 commit e9b0dbc
Show file tree
Hide file tree
Showing 6 changed files with 178 additions and 299 deletions.
1 change: 1 addition & 0 deletions src/common-styles/sv-ranking.scss
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "../defaultV2-theme/variables.scss";
@import "../defaultV2-theme/mixins.scss";

.sv-ranking {
outline: none;
Expand Down
66 changes: 2 additions & 64 deletions src/defaultV2-theme/blocks/sd-body.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@import "../defaultV2-theme/mixins.scss";
.sd-body {
width: 100%;

Expand Down Expand Up @@ -111,70 +112,7 @@

.sd-body--empty,
.sd-body--loading {
h1 {
@include articleXXLargeFont;
}

h2 {
@include articleXLargeFont;
}

h3 {
@include articleLargeFont;
}

h4,
h5,
h6 {
@include articleMediumFont;
}

td,
span,
div,
p {
@include articleDefaultFont;
}

a {
color: $primary;
}

button {
display: flex;
align-items: center;
padding: calcSize(1.5) calcSize(4);
vertical-align: baseline;
text-align: center;
background-color: $background;
box-shadow: $shadow-small;
border: none;
border-radius: calcSize(0.5);
cursor: pointer;
user-select: none;
outline: solid calcSize(0.25) transparent;

&:hover {
background-color: $background-dark;
}

&:focus {
box-shadow: 0 0 0 2px $primary;
}

span {
display: flex;
align-items: center;
flex-grow: 1;
justify-content: center;
color: $primary;
font-weight: 600;
font-style: normal;
font-family: $font-family;
font-size: $font-questiontitle-size;
line-height: multiply(1.5, $font-questiontitle-size);
}
}
@include articleHtml;
}

.sd-root_background-image {
Expand Down
77 changes: 5 additions & 72 deletions src/defaultV2-theme/blocks/sd-completedpage.scss
Original file line number Diff line number Diff line change
@@ -1,80 +1,13 @@
.sd-completedpage {
@import "../defaultV2-theme/mixins.scss";

.sd-completedpage,
.sd-completed-before-page {
font-family: $font-family;
font-weight: bold;
box-sizing: border-box;
text-align: center;
height: auto;
}

.sd-completedpage,
.sd-completed-before-page {
// h3 {
// font-size: calcFontSize(1.5);
// }

h1 {
@include articleXXLargeFont;
}

h2 {
@include articleXLargeFont;
}

h3 {
@include articleLargeFont;
}

h4,
h5,
h6 {
@include articleMediumFont;
}

td,
span,
div,
p {
@include articleDefaultFont;
}

a {
color: $primary;
}

button {
display: flex;
align-items: center;
padding: calcSize(1.5) calcSize(4);
vertical-align: baseline;
text-align: center;
background-color: $background;
box-shadow: $shadow-small;
border: none;
border-radius: calcSize(0.5);
cursor: pointer;
user-select: none;
outline: solid calcSize(0.25) transparent;

&:hover {
background-color: $background-dark;
}
&:focus {
box-shadow: 0 0 0 2px $primary;
}

span {
display: flex;
align-items: center;
flex-grow: 1;
justify-content: center;
color: $primary;
font-weight: 600;
font-style: normal;
font-family: $font-family;
font-size: $font-questiontitle-size;
line-height: multiply(1.5, $font-questiontitle-size);
}
}
@include articleHtml;
}

.sd-completedpage:before,
Expand Down
67 changes: 2 additions & 65 deletions src/defaultV2-theme/blocks/sd-html.scss
Original file line number Diff line number Diff line change
@@ -1,71 +1,8 @@
@import "../defaultV2-theme/mixins.scss";
.sd-html {
white-space: initial;
}

.sd-html {
@include articleDefaultFont;

h1 {
@include articleXXLargeFont;
}

h2 {
@include articleXLargeFont;
}

h3 {
@include articleLargeFont;
}

h4,
h5,
h6 {
@include articleMediumFont;
}

td,
span,
div,
p {
@include articleDefaultFont;
}

a {
color: $primary;
}

button {
display: flex;
align-items: center;
padding: calcSize(1.5) calcSize(4);
vertical-align: baseline;
text-align: center;
background-color: $background;
box-shadow: $shadow-small;
border: none;
border-radius: calcSize(0.5);
cursor: pointer;
user-select: none;
outline: solid calcSize(0.25) transparent;

&:hover {
background-color: $background-dark;
}
&:focus {
box-shadow: 0 0 0 2px $primary;
}

span {
display: flex;
align-items: center;
flex-grow: 1;
justify-content: center;
color: $primary;
font-weight: 600;
font-style: normal;
font-family: $font-family;
font-size: $font-questiontitle-size;
line-height: multiply(1.5, $font-questiontitle-size);
}
}
@include articleHtml;
}
Loading

0 comments on commit e9b0dbc

Please sign in to comment.