Browse Source

Add border-radius to editor format-bar

sbkwgh 8 years ago
parent
commit
986cd39ef2
1 changed files with 8 additions and 1 deletions
  1. 8 1
      src/components/routes/ThreadNew.vue

+ 8 - 1
src/components/routes/ThreadNew.vue

@@ -61,7 +61,7 @@
 		</div>
 		<div class='editor' :class='{"editor--focus": focusInput}'>
 			<div class='editor__input'>
-				<div class='editor__format_bar'>
+				<div class='editor__format_bar editor__format_bar--editor'>
 					editor
 				</div>
 				<input-editor-core
@@ -355,6 +355,13 @@
 			justify-content: flex-end;
 			align-items: center;
 			font-variant: small-caps;
+
+			@at-root #{&}--preview {
+				border-radius: 0 0.25rem 0 0;
+			}
+			@at-root #{&}--editor {
+				border-radius: 0.25rem 0 0 0;
+			}
 		}
 
 		@at-root #{&}__input {