refactor: clean up UI to better support space required for new layout toggle controls

sghoweri · sghoweri · commit ef65f829a99c · 2018-09-15T09:47:53.000-04:00
diff --git a/packages/uikit-workshop/src/sass/scss/04-components/_modal.scss b/packages/uikit-workshop/src/sass/scss/04-components/_modal.scss
@@ -40,6 +40,13 @@
   display: flex;
 }
 
+.pl-c-modal__toolbar-controls {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  z-index: 10;
+}
+
 /**
  * Modal close button
  * 1) Closes the modal popup
diff --git a/packages/uikit-workshop/src/sass/scss/04-components/_pattern-info.scss b/packages/uikit-workshop/src/sass/scss/04-components/_pattern-info.scss
@@ -66,6 +66,7 @@
   .pl-c-modal & {
     @media all and (min-width: $pl-bp-xl) {
       padding-left: 2rem;
+      padding-right: 2.5rem;
     }
   }
 }
diff --git a/packages/uikit-workshop/src/sass/scss/04-components/_tabs.scss b/packages/uikit-workshop/src/sass/scss/04-components/_tabs.scss
@@ -33,7 +33,7 @@
 
   .pl-c-modal & {
     @media all and (min-width: $pl-bp-xl) {
-      right: 2rem;
+      right: 2.5rem;
       left: 2rem;
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -66,6 +66,7 @@`
`66`	`66`	`.pl-c-modal & {`
`67`	`67`	`@media all and (min-width: $pl-bp-xl) {`
`68`	`68`	`padding-left: 2rem;`
	`69`	`+ padding-right: 2.5rem;`
`69`	`70`	`}`
`70`	`71`	`}`
`71`	`72`	`}`
Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@`
`33`	`33`
`34`	`34`	`.pl-c-modal & {`
`35`	`35`	`@media all and (min-width: $pl-bp-xl) {`
`36`		`- right: 2rem;`
	`36`	`+ right: 2.5rem;`
`37`	`37`	`left: 2rem;`
`38`	`38`	`}`
`39`	`39`	`}`