Skip to content

Commit

Permalink
[#392] Added missing box sizing border-box to missing components.
Browse files Browse the repository at this point in the history
- Fix subject card box-sizing.
- Fix input box-sizing.
- Fix navigation card box-sizing.
- Fix campaign image box-sizing.
- Fix iframe with background box-sizing.
  • Loading branch information
alan-cole committed Nov 26, 2024
1 parent 111194f commit d7cdfdd
Show file tree
Hide file tree
Showing 5 changed files with 5 additions and 0 deletions.
1 change: 1 addition & 0 deletions components/00-base/mixins/_image.scss
Original file line number Diff line number Diff line change
Expand Up @@ -62,6 +62,7 @@
position: relative;
width: 100%;
padding-top: 100%;
box-sizing: border-box;

img {
position: absolute;
Expand Down
1 change: 1 addition & 0 deletions components/01-atoms/iframe/iframe.scss
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
$root: &;

border: 0;
box-sizing: border-box;

&#{$root}--with-background {
padding-left: $ct-iframe-space-horizontal;
Expand Down
1 change: 1 addition & 0 deletions components/01-atoms/input/input.scss
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@
border-style: solid;
border-width: $_border-width;
padding: $_vertical_spacing $_horizontal_spacing;
box-sizing: border-box;
width: 100%;
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,7 @@
#{$root}__content {
width: 100%;
padding: ct-spacing(3);
box-sizing: border-box;
}

#{$root}__icon {
Expand Down
1 change: 1 addition & 0 deletions components/02-molecules/subject-card/subject-card.scss
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@
min-height: $ct-subject-card-image-height-mobile;
min-width: $ct-subject-card-image-width-mobile;
padding: ct-spacing(2);
box-sizing: border-box;
}

@include ct-breakpoint(m) {
Expand Down

0 comments on commit d7cdfdd

Please sign in to comment.