SAK-40208 Tightened up default page header spacing around page title (s…

…akaiproject#5719)
JackyCheungBoy · Jun 25, 2018 · a21f595 · a21f595
1 parent d39d203
commit a21f595
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/library/src/morpheus-master/sass/_defaults.scss b/library/src/morpheus-master/sass/_defaults.scss
@@ -333,6 +333,9 @@ $hierarchy-size: 3.5em !default;
 /* Golden Ratio width for 16px font http://www.pearsonified.com/typography/ */
 $measure: 960px !default;
 
+/* The standard spacing for items in Sakai */
+$standard-spacing: 10px !default;
+
 $banner-height: 52px !default;
 
 /* Logo location */

diff --git a/library/src/morpheus-master/sass/modules/tool/_base.scss b/library/src/morpheus-master/sass/modules/tool/_base.scss
@@ -170,7 +170,8 @@
 	}
 }
 
-.portletBody{
+.portletBody
+{
 	background: $tool-background-color;
 	padding: $default-font-size $default-font-size 40px $default-font-size;
 	@media #{$phone}{
@@ -183,6 +184,19 @@
 	> .modal {
 		position: fixed;
 	}
+	.page-header
+	{
+		margin: calc(#{$standard-spacing} + 5px) 0; // additional 5px for equallying the header text descenders
+		padding: 0 0 $standard-spacing 0;
+		border-bottom: 1px solid $tool-border-color;
+
+		h1, h2, h3
+		{
+			margin: $standard-spacing 0 0 0; // vertical margins will collapse into one
+			padding: 0;
+			line-height: 1;
+		}
+	}
 }
 
 .itemNav{