Fixed edit controls for mobile devices
This commit is contained in:
		
							parent
							
								
									abe0b3a40d
								
							
						
					
					
						commit
						f45a8ea434
					
				| @ -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; | ||||
| 		} | ||||
| 	} | ||||
| } | ||||
|  | ||||
| @ -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…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user