Infrastructure/www-2021
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add extra padding to the bottom of tPCC on mobile

Browse source
This commit is contained in:
Daniel Vinci 2021-04-30 12:14:57 -06:00
parent c8d4a36347
commit adf0c9c60d
No known key found for this signature in database
GPG key ID: 7A700C29916C26CA
1 changed files with 18 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/components/TalkingPointContent.svelte
View file

@ -1,9 +1,3 @@
<div class="talkingPointContentContainer">
<div class="talkingPointContent">
<slot />
</div>
</div>
<style> <style>
.talkingPointContentContainer { .talkingPointContentContainer {
width: 100%; width: 100%;
@ -25,4 +19,22 @@
:global(.talkingPointContent li:not(:last-child)) { :global(.talkingPointContent li:not(:last-child)) {
margin-bottom: 1em; margin-bottom: 1em;
} }
@media only screen and (max-device-width: 900px) and (orientation: portrait) {
.talkingPointContentContainer {
padding-bottom: 1em;
}
.talkingPointContentContainer .talkingPointContent {
padding-top: 0;
padding-left: 0;
max-width: 100%;
}
}
</style> </style>
<div class="talkingPointContentContainer">
<div class="talkingPointContent">
<slot />
</div>
</div>