feat: composer changes

Author: barisusakli

static/less/composer.less

@@ -92,8 +92,6 @@
 
 				.category-dropdown-menu {
 					max-height: 300px;
-					right: 0;
-					left: auto;
 				}
 			}
 		}
@@ -440,6 +438,14 @@
 		opacity: 1;
 	}
 }
+@media (min-width: @screen-md-max) {
+	html.composing {
+		.composer {
+			left: 10%;
+			width: 80%;
+		}
+	}
+}
 
 @media (max-width: @screen-sm-max) {
 	html.composing {

static/less/medium.less

@@ -13,7 +13,6 @@
 
 		.title, .handle {
 			font-size: 22px;
-			margin-left: -16px;
 			padding: 4px 18px;
 		}
 	}

static/lib/composer/categoryList.js

@@ -38,7 +38,7 @@ define('composer/categoryList', ['categorySelector', 'taskbar'], function(catego
 
 			app.parseAndTranslate('partials/category-selector', {
 				categories: categories,
-				pullRight: true
+				pullRight: false,
 			}, function (html) {
 				listContainer.append(html);
 				selector = categorySelector.init(listContainer.find('[component="category-selector"]'), function (selectedCategory) {

static/templates/compose.tpl

@@ -16,6 +16,9 @@
 		</form>
 
 		<div class="title-container row">
+			<!-- IF isTopic -->
+			<div class="category-list-container"></div>
+			<!-- ENDIF isTopic -->
 			<!-- IF showHandleInput -->
 			<div class="col-sm-3 col-md-12">
 				<input class="handle form-control" type="text" tabindex="1" placeholder="[[topic:composer.handle_placeholder]]" value="{handle}" />
@@ -31,10 +34,6 @@
 					<div class="quick-search-results-container"></div>
 				</div>
 			</div>
-
-			<!-- IF isTopic -->
-			<div class="category-list-container col-lg-3 col-md-3"></div>
-			<!-- ENDIF isTopic -->
 		</div>
 
 		<div class="category-tag-row">
@@ -113,7 +112,7 @@
 					[[modules:composer.compose]] <span class="help hidden"><i class="fa fa-question-circle"></i></span>
 					<span class="toggle-preview hide">[[modules:composer.show_preview]]</span>
 				</div>
-				<textarea name="content" form="compose-form" class="write" tabindex="5"></textarea>
+				<textarea name="content" form="compose-form" class="write" tabindex="5" placeholder="[[modules:composer.textarea.placeholder]]"></textarea>
 			</div>
 			<div class="col-md-6 hidden-sm hidden-xs preview-container">
 				<div class="help-text">

static/templates/composer.tpl

@@ -19,6 +19,10 @@
 			</div>
 		</nav>
 		<div class="row title-container">
+			<!-- IF isTopic -->
+			<div class="category-list-container hidden-sm hidden-xs"></div>
+			<!-- ENDIF isTopic -->
+
 			<!-- IF showHandleInput -->
 			<div data-component="composer/handle">
 				<input class="handle form-control" type="text" tabindex="1" placeholder="[[topic:composer.handle_placeholder]]" value="{handle}" />
@@ -35,10 +39,6 @@
 				</div>
 			</div>
 
-			<!-- IF isTopic -->
-			<div class="category-list-container hidden-sm hidden-xs"></div>
-			<!-- ENDIF isTopic -->
-
 			<div class="pull-right draft-icon hidden-xs hidden-sm"></div>
 
 			<div class="btn-group pull-right action-bar hidden-sm hidden-xs">
@@ -119,7 +119,7 @@
 					<span class="toggle-preview hide">[[modules:composer.show_preview]]</span>
 				</div>
 				<div class="pull-right draft-icon hidden-md hidden-lg"></div>
-				<textarea class="write" tabindex="4"></textarea>
+				<textarea class="write" tabindex="4" placeholder="[[modules:composer.textarea.placeholder]]"></textarea>
 			</div>
 			<div class="hidden-sm hidden-xs preview-container">
 				<div class="help-text">