Skip to content
This repository has been archived by the owner on Mar 31, 2023. It is now read-only.

Fix PL horizontal scroll #269

Merged
merged 2 commits into from
Jul 7, 2018
Merged

Fix PL horizontal scroll #269

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d9cba02
Fix PL horizontal scroll
shaal Jul 3, 2018
6e181dc
Remove horizontal padding because it was causing weird issues in testing
shaal Jul 6, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions components/_patterns/00-base/global/base/_pl-base.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,6 @@
// These styles are specifically for Pattern Lab.
// They are not used by the site in any way.

.sg-main {
@include wrapper;
}

.pl-template {
display: flex;
flex-flow: column nowrap;
Expand All @@ -16,11 +12,11 @@
font-size: 3rem;
text-transform: uppercase;
background-color: $gray-darker;
margin: 0 calc(-50vw + 50%) $space calc(-50vw + 50%);

a {
@include wrapper(
$v-padding: $space
$v-padding: $space,
$h-padding: $space / 2
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This caused weird issues in my testing. Let's remove line 19, and this is good to go

);

display: block;
Expand All @@ -30,6 +26,10 @@
}
}

.sg-pattern > div {
@include wrapper;
}

.sg-pattern-title {
color: #738ba3;
font-size: 1.4rem !important;
Expand Down
1 change: 1 addition & 0 deletions components/_patterns/01-atoms/05-forms/textfields/_textfields.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@
.form-item__textfield {
border: 1px solid $gray-lightest;
padding: 0.6em;
max-width: 100%;

&:focus {
border-color: $black;
Expand Down