Skip to content

E
edx-platform
Commit dcfbfd5d by Brian Jacobel Committed by GitHub
Options

Merge pull request #14106 from edx/bjacobel/certificate-icons 

Fix sharing icons on certificate page at narrower resolutions
parents 09281a31 5cf59019
Showing with 28 additions and 23 deletions
lms/static/certificates/sass/_layouts.scss
...@@ -80,36 +80,41 @@ ...@@ -80,36 +80,41 @@
margin-bottom: spacing-vertical(small); margin-bottom: spacing-vertical(small);
} }
.message-actions .action { .message-actions {
display: block; @include span(12);
width: 100%;
margin: 0 auto spacing-vertical(small) auto;
&:last-child { .action {
margin-bottom: 0; display: block;
} width: 100%;
margin: 0 auto spacing-vertical(small) auto;
// CASE: icon display only &:last-child {
&.icon-only { margin-bottom: 0;
}
@media(min-width: $bp-screen-md) { // CASE: icon display only
padding: spacing-vertical(x-small) spacing-horizontal(base); &.icon-only {
@media(min-width: $bp-screen-md) {
padding: spacing-vertical(x-small) spacing-horizontal(base);
.icon { .icon {
@include margin-right(0); @include margin-right(0);
}
} }
} }
}
@media(min-width: $bp-screen-md) { @media(min-width: $bp-screen-md) {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
width: auto; min-width: 130px;
margin-bottom: 0; width: auto;
margin-right: spacing-horizontal(mid-small); margin-bottom: 0;
margin-right: spacing-horizontal(mid-small);
&:last-child {
margin-right: 0; &:last-child {
margin-right: 0;
}
} }
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment