Discource-C
/
discourse-adplugin
mirror of https://github.com/discourse/discourse-adplugin.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: remove left padding of ads between posts on narrow width browsers

This commit is contained in:
Neil Lalonde 2019-09-17 11:26:56 -04:00
parent 02f9145751
commit edc549b269
1 changed files with 34 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
assets/stylesheets/adplugin.scss
View File

@ -90,6 +90,26 @@
margin: 0 auto;
}
.google-dfp-ad.dfp-ad-post-bottom {
.google-dfp-ad-label,
.dfp-ad-unit {
margin: 0 0 0 52px;
}
}
@include breakpoint(mobile-extra-large) {
.google-dfp-ad .google-dfp-ad-label {
width: 100%;
text-align: center;
}
.google-dfp-ad.dfp-ad-post-bottom {
.google-dfp-ad-label,
.dfp-ad-unit {
margin: 0 auto;
}
}
}
.google-dfp-ad .google-dfp-ad-label h2 {
margin: 4px 0 !important;
color: #858a8c;
@ -99,13 +119,6 @@
font-weight: normal;
}
.google-dfp-ad.dfp-ad-post-bottom {
.google-dfp-ad-label,
.dfp-ad-unit {
margin: 0 0 0 52px;
}
}
.house-creative {
margin: 0 auto;
}
@ -115,6 +128,12 @@
clear: both;
}
@include breakpoint(mobile-extra-large) {
.house-creative.house-post-bottom {
margin: 0 0 10px 0;
}
}
.codefund-wrapper {
z-index: 1;
font-family: system, "Helvetica Neue", Helvetica, Arial;
@ -255,11 +274,17 @@
}
.adbutler-topic-above-post-stream {
margin: 10px 0px 10px 0px;
margin: 10px 0 10px 0;
}
.adbutler-post-bottom {
margin: 10px 0px 10px 56px;
margin: 10px 0 10px 56px;
}
@include breakpoint(mobile-extra-large) {
.adbutler-post-bottom {
margin: 10px 0;
}
}
.adplugin-mgmt {