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 @@
margin-bottom: spacing-vertical(small);
}
.message-actions .action {
display: block;
width: 100%;
margin: 0 auto spacing-vertical(small) auto;
.message-actions {
@include span(12);
&:last-child {
margin-bottom: 0;
}
.action {
display: block;
width: 100%;
margin: 0 auto spacing-vertical(small) auto;
// CASE: icon display only
&.icon-only {
&:last-child {
margin-bottom: 0;
}
@media(min-width: $bp-screen-md) {
padding: spacing-vertical(x-small) spacing-horizontal(base);
// CASE: icon display only
&.icon-only {
@media(min-width: $bp-screen-md) {
padding: spacing-vertical(x-small) spacing-horizontal(base);
.icon {
@include margin-right(0);
.icon {
@include margin-right(0);
}
}
}
}
@media(min-width: $bp-screen-md) {
display: inline-block;
vertical-align: middle;
width: auto;
margin-bottom: 0;
margin-right: spacing-horizontal(mid-small);
&:last-child {
margin-right: 0;
@media(min-width: $bp-screen-md) {
display: inline-block;
vertical-align: middle;
min-width: 130px;
width: auto;
margin-bottom: 0;
margin-right: spacing-horizontal(mid-small);
&: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