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/taskbar";
|
||||||
@import "modules/composer";
|
|
||||||
@import "modules/alerts";
|
@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