discourse/discourse-adplugin
1
0
Fork 0
mirror of https://github.com/discourse/discourse-adplugin.git synced 2025-07-07 13:52:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

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