removing composer assets from theme, see nodebb/nodebb#3288
Julian Lam
10 years ago
parent
33fbda6732
commit
3c66d0cb69
@ -1,3 +1,2 @@
|
||||
@import "modules/taskbar";
|
||||
@import "modules/composer";
|
||||
@import "modules/alerts";
|
||||
@ -1,323 +0,0 @@
|
||||
@topbarHeight: 50px;
|
||||
|
||||
|
||||
html.composing {
|
||||
&.mobile {
|
||||
overflow: hidden;
|
||||
|
||||
.composer {
|
||||
position: absolute;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
height: 0px !important;
|
||||
}
|
||||
|
||||
.composer {
|
||||
padding: 0;
|
||||
|
||||
.composer-container {
|
||||
overflow-y: visible;
|
||||
overflow-x: hidden;
|
||||
padding: 0;
|
||||
padding-top: 50px;
|
||||
height: 100%;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.title-container {
|
||||
margin-top: 0px;
|
||||
|
||||
.title {
|
||||
padding-left: 8px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.write, .preview {
|
||||
border-bottom: 0;
|
||||
min-height: 100%;
|
||||
outline: none;
|
||||
padding: 25px 10px;
|
||||
margin-bottom: 0px;
|
||||
padding-bottom: 0px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.write:focus {
|
||||
outline-style: solid;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.formatting-bar {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.mobile-navbar {
|
||||
background: @btn-primary-bg;
|
||||
color: @btn-primary-color;
|
||||
position: absolute;
|
||||
|
||||
button {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.composer {
|
||||
.no-select;
|
||||
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
|
||||
right: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 10000;
|
||||
|
||||
padding-top: 20px;
|
||||
|
||||
.box-shadow(0px 6px 12px rgba(0, 0, 0, 0.5));
|
||||
|
||||
background: white;
|
||||
visibility: hidden;
|
||||
|
||||
.composer-container {
|
||||
min-height: 50px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.title-container {
|
||||
margin-top: 10px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
|
||||
.title {
|
||||
display: block;
|
||||
font-size: 22px;
|
||||
padding-left: 3px;
|
||||
border: 0;
|
||||
.box-shadow(none);
|
||||
height: 47px;
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
|
||||
.category-list {
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.category-tag-row {
|
||||
margin: 5px 0;
|
||||
|
||||
.tags-container {
|
||||
.bootstrap-tagsinput {
|
||||
width:100%;
|
||||
margin-bottom: 0px;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
|
||||
input {
|
||||
height:28px;
|
||||
padding: 4px 6px;
|
||||
}
|
||||
|
||||
.label {
|
||||
color: white;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.write-preview-container {
|
||||
height:100%;
|
||||
margin: 0 0;
|
||||
min-height: 200px;
|
||||
|
||||
> div {
|
||||
height:100%;
|
||||
}
|
||||
}
|
||||
|
||||
.write {
|
||||
border: 1px solid #EDEDED;
|
||||
.border-radius(0px);
|
||||
.box-shadow(inset 0px 1px 1px rgba(0, 0, 0, 0.05));
|
||||
}
|
||||
|
||||
.write, .preview {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
font-size: 14px;
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
resize:none;
|
||||
overflow: auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.preview-container {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.write-container {
|
||||
&.maximized {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.write-container, .preview-container {
|
||||
.help-text {
|
||||
text-transform: uppercase;
|
||||
position: absolute;
|
||||
right: 35px;
|
||||
top: 8px;
|
||||
font-size: 10px;
|
||||
color: #999;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.help {
|
||||
.pointer;
|
||||
}
|
||||
|
||||
.toggle-preview {
|
||||
margin-left: 20px;
|
||||
.pointer;
|
||||
}
|
||||
|
||||
.preview {
|
||||
overflow-y: auto;
|
||||
|
||||
p {
|
||||
margin: 0 0 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.formatting-bar {
|
||||
margin: 5px 0;
|
||||
padding: 0px 8px;
|
||||
span {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.spacer {
|
||||
&:before {
|
||||
content: ' | ';
|
||||
color: @gray-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.resizer {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 10px;
|
||||
height: 0px;
|
||||
|
||||
.pointer;
|
||||
|
||||
.trigger {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
top: -20px;
|
||||
margin: 0 auto;
|
||||
margin-left: 20px;
|
||||
|
||||
background: #333;
|
||||
border: 1px solid #333;
|
||||
.border-radius(50%);
|
||||
|
||||
line-height: 26px;
|
||||
|
||||
i {
|
||||
position: relative;
|
||||
color: #FFF;
|
||||
font-size: 16px;
|
||||
|
||||
&:before {
|
||||
content: @fa-var-chevron-up;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized {
|
||||
.resizer .trigger i {
|
||||
&:before {
|
||||
content: @fa-var-chevron-down;
|
||||
}
|
||||
}
|
||||
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.imagedrop {
|
||||
position: absolute;
|
||||
top: 250px;
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
color: #999;
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.topic-thumb-container {
|
||||
margin-top: 5px;
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
background: rgb(255, 255, 255);
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.topic-thumb-btn {
|
||||
cursor: hand;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.topic-thumb-preview {
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: 100px;
|
||||
max-height: 100px
|
||||
}
|
||||
|
||||
.topic-thumb-ctrl.form-group {
|
||||
display: inline-block;
|
||||
vertical-align: -50% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px), (max-height: 480px) {
|
||||
.composer {
|
||||
width: 100%;
|
||||
background: rgba(224, 224, 224, 1);
|
||||
}
|
||||
|
||||
.resizer {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
@ -1,141 +0,0 @@
|
||||
<div class="composer">
|
||||
|
||||
<div class="composer-container">
|
||||
<nav class="navbar navbar-fixed-top mobile-navbar visible-xs visible-sm">
|
||||
<span class="pull-left">
|
||||
<button class="btn btn-primary composer-discard" data-action="discard" tabindex="-1"><i class="fa fa-times"></i></button>
|
||||
</span>
|
||||
<span class="pull-right">
|
||||
<button class="btn btn-primary composer-submit" data-action="post" tabindex="-1"><i class="fa fa-chevron-right"></i></button>
|
||||
</span>
|
||||
</nav>
|
||||
<div class="title-container row">
|
||||
<!-- 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}" />
|
||||
</div>
|
||||
<div class="col-sm-9 col-md-12">
|
||||
<!-- IF isTopicOrMain -->
|
||||
<input class="title form-control" type="text" tabindex="1" placeholder="[[topic:composer.title_placeholder]]" value="{title}"/>
|
||||
<!-- ELSE -->
|
||||
<span class="title form-control">[[topic:composer.replying_to, "{title}"]]</span>
|
||||
<!-- ENDIF isTopicOrMain -->
|
||||
</div>
|
||||
<!-- ELSE -->
|
||||
<div class="<!-- IF isTopic -->col-lg-9<!-- ELSE -->col-lg-12<!-- ENDIF isTopic --> col-md-12">
|
||||
<!-- IF isTopicOrMain -->
|
||||
<input class="title form-control" type="text" tabindex="1" placeholder="[[topic:composer.title_placeholder]]" value="{title}"/>
|
||||
<!-- ELSE -->
|
||||
<span class="title form-control">[[topic:composer.replying_to, "{title}"]]</span>
|
||||
<!-- ENDIF isTopicOrMain -->
|
||||
</div>
|
||||
<!-- IF isTopic -->
|
||||
<div class="category-list-container col-lg-3 col-md-12">
|
||||
<select tabindex="3" class="form-control category-list"></select>
|
||||
</div>
|
||||
<!-- ENDIF isTopic -->
|
||||
<!-- ENDIF showHandleInput -->
|
||||
</div>
|
||||
|
||||
<div class="row category-tag-row">
|
||||
<div class="btn-toolbar formatting-bar">
|
||||
<div class="btn-group">
|
||||
<!-- BEGIN formatting -->
|
||||
<!-- IF formatting.spacer -->
|
||||
<span class="btn spacer"></span>
|
||||
<!-- ELSE -->
|
||||
<!-- IF !formatting.mobile -->
|
||||
<span class="btn btn-link" tabindex="-1" data-format="{formatting.name}"><i class="{formatting.className}"></i></span>
|
||||
<!-- ENDIF !formatting.mobile -->
|
||||
<!-- ENDIF formatting.spacer -->
|
||||
<!-- END formatting -->
|
||||
|
||||
<!--[if gte IE 9]><!-->
|
||||
<span class="btn btn-link img-upload-btn hide" data-format="picture" tabindex="-1">
|
||||
<i class="fa fa-picture-o"></i>
|
||||
</span>
|
||||
<span class="btn btn-link file-upload-btn hide" data-format="upload" tabindex="-1">
|
||||
<i class="fa fa-upload"></i>
|
||||
</span>
|
||||
<!--<![endif]-->
|
||||
|
||||
<!-- IF allowTopicsThumbnail -->
|
||||
<span class="btn btn-link" tabindex="-1">
|
||||
<i class="fa fa-th-large topic-thumb-btn topic-thumb-toggle-btn hide" title="[[topic:composer.thumb_title]]"></i>
|
||||
</span>
|
||||
<div class="topic-thumb-container center-block hide">
|
||||
<form id="thumbForm" method="post" class="topic-thumb-form form-inline" enctype="multipart/form-data">
|
||||
<img class="topic-thumb-preview"></img>
|
||||
<div class="form-group">
|
||||
<label for="topic-thumb-url">[[topic:composer.thumb_url_label]]</label>
|
||||
<input type="text" id="topic-thumb-url" class="form-control" placeholder="[[topic:composer.thumb_url_placeholder]]" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="topic-thumb-file">[[topic:composer.thumb_file_label]]</label>
|
||||
<input type="file" id="topic-thumb-file" class="form-control" />
|
||||
</div>
|
||||
<div class="form-group topic-thumb-ctrl">
|
||||
<i class="fa fa-spinner fa-spin hide topic-thumb-spinner" title="[[topic:composer.uploading]]"></i>
|
||||
<i class="fa fa-times topic-thumb-btn hide topic-thumb-clear-btn" title="[[topic:composer.thumb_remove]]"></i>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- ENDIF allowTopicsThumbnail -->
|
||||
|
||||
<form id="fileForm" method="post" enctype="multipart/form-data">
|
||||
<!--[if gte IE 9]><!-->
|
||||
<input type="file" id="files" name="files[]" multiple class="gte-ie9 hide"/>
|
||||
<!--<![endif]-->
|
||||
<!--[if lt IE 9]>
|
||||
<input type="file" id="files" name="files[]" class="lt-ie9 hide" value="Upload"/>
|
||||
<![endif]-->
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="btn-group pull-right action-bar hidden-sm hidden-xs">
|
||||
<button class="btn btn-default composer-discard" data-action="discard" tabindex="-1"><i class="fa fa-times"></i> [[topic:composer.discard]]</button>
|
||||
|
||||
<button class="btn btn-primary composer-submit" data-action="post" tabindex="6"><i class="fa fa-check"></i> [[topic:composer.submit]]</button>
|
||||
<!-- IF !isEditing -->
|
||||
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">[[modules:composer.toggle_dropdown]]</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu pull-right" role="menu">
|
||||
<li><a href="#" data-switch-action="post"><i class="fa fa-fw fa-check"></i> [[topic:composer.submit]]</a></li>
|
||||
<!-- IF isAdminOrMod -->
|
||||
<li><a href="#" data-switch-action="post-lock"><i class="fa fa-fw fa-lock"></i> [[modules:composer.submit_and_lock]]</a></li>
|
||||
<!-- ENDIF isAdminOrMod -->
|
||||
</ul>
|
||||
<!-- ENDIF !isEditing -->
|
||||
</div>
|
||||
|
||||
<!-- IF isTopicOrMain -->
|
||||
<div class="tags-container inline-block">
|
||||
<input class="tags" type="text" class="form-control" placeholder="[[tags:enter_tags_here, {minimumTagLength}, {maximumTagLength}]]" tabindex="4"/>
|
||||
</div>
|
||||
<!-- ENDIF isTopicOrMain -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row write-preview-container">
|
||||
<div class="col-md-6 col-sm-12 write-container">
|
||||
<div class="help-text">
|
||||
[[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 class="write" tabindex="5"></textarea>
|
||||
</div>
|
||||
<div class="col-md-6 hidden-sm hidden-xs preview-container">
|
||||
<div class="help-text">
|
||||
<span class="toggle-preview">[[modules:composer.hide_preview]]</span>
|
||||
</div>
|
||||
<div class="preview well"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="imagedrop"><div>[[topic:composer.drag_and_drop_images]]</div></div>
|
||||
|
||||
<div class="resizer"><div class="trigger text-center"><i class="fa"></i></div></div>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Reference in New Issue