Browse Source

Fixed edit controls for mobile devices

development
Godwin 8 years ago
parent
commit
f45a8ea434
  1. 39
      app/assets/stylesheets/_editor.scss
  2. 2
      config/locales/en.yml

39
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;
}
}
}

2
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

Loading…
Cancel
Save