Optimized embedded tutorial for mobile
Change-Id: I0b345c75cbd68bd1f1205a313ddbb7ecd94b58c3
diff --git a/dev/scss/header/header.scss b/dev/scss/header/header.scss
index 98201e3..e7d14ac 100644
--- a/dev/scss/header/header.scss
+++ b/dev/scss/header/header.scss
@@ -69,6 +69,9 @@
margin: 0px;
position: relative;
}
+ .clear {
+ clear: both;
+ }
.button {
&.right {
diff --git a/dev/scss/media.scss b/dev/scss/media.scss
index ae6dad8..15888ae 100644
--- a/dev/scss/media.scss
+++ b/dev/scss/media.scss
@@ -114,6 +114,11 @@
width: 100%;
}
+ body.embedded aside > div {
+ top: 0;
+ transform: translateY(0);
+ }
+
aside {
&:not(:focus):not(.active) {
margin-left: -1 * $logo-left-distance;
@@ -127,7 +132,8 @@
font-size: 9pt;
line-height: 1em;
}
- &.active ~ main div.intro {
+ &.active ~ main div.intro,
+ &.active ~ main.tutorial {
margin-left: $standard-margin !important;
}
@@ -161,9 +167,15 @@
iframe {
border-radius: 0;
}
+ > ul.action.right {
+ height: 1.5em;
+ right: 20px;
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+ }
}
main.tutorial {
- margin-right: 30px;
+ margin-right: 20px;
}
}
\ No newline at end of file