diff --git a/app/assets/stylesheets/_editor.scss b/app/assets/stylesheets/_editor.scss index 1b7b3bc..a9f33ab 100644 --- a/app/assets/stylesheets/_editor.scss +++ b/app/assets/stylesheets/_editor.scss @@ -7,13 +7,13 @@ $white: #FFF !default; $black: #333 !default; .pen-icon { - font-size: 16px; - line-height: 40px; - min-width: 20px; + font-size: 1.15em; + line-height: 2.5em; + min-width: 1.25em; font-style: normal; display: block; float: left; - padding: 0 10px; + padding: 0 0.625em; height: 2.2em; overflow: hidden; color: $white; @@ -31,8 +31,8 @@ $black: #333 !default; } .pen-menu, .pen-input { - font-size: 14px; - line-height:1; + font-size: 1.16rem; + line-height: 1; } .pen-input { @@ -42,7 +42,7 @@ $black: #333 !default; left: 0; top: 0; height: 2.6em; - line-height: 20px; + line-height: 125em; background-color: $black; color: $white; border: none; @@ -56,15 +56,15 @@ $black: #333 !default; .pen-textarea { display: block; background: $white; - padding: 20px; + padding: 1.25em; } .pen textarea { - font-size: 14px; + font-size: 2.86em; border: none; background: none; width: 100%; - _height: 200px; - min-height: 200px; + _height: 70em; + min-height: 70em; resize: none; } @@ -78,12 +78,13 @@ $black: #333 !default; .pen-menu { white-space: nowrap; - box-shadow:1px 2px 3px -2px #222; + box-shadow: 1px 2px 3px -2px #222; background: #333; background-image: linear-gradient(to bottom, #222, #333); opacity: 0.9; position: fixed; height: 5.2em; + width: 18.4em; border: 1px solid #333; border-radius: 0.5em; display:none; @@ -210,3 +211,17 @@ $black: #333 !default; } } } + +@include breakpoint(0, medium) { + .pen-menu { + top: 0 !important; + left: 0 !important; + width: 100%; + font-size: 5.1vw; + border-radius: 0; + + @include after { + display: none; + } + } +} diff --git a/config/locales/en.yml b/config/locales/en.yml index e4ca1eb..29c8d1a 100644 --- a/config/locales/en.yml +++ b/config/locales/en.yml @@ -5619,7 +5619,7 @@ en: aria: remove_interest: Click if you are no longer interested in this workshop show_interest: Click if you are interested in this workshop - add: Add new + 'add': 'Add new' page_titles: '403': Access_Denied: Access Denied