2017-11-08 17:39:26 +08:00
|
|
|
#reply-control {
|
|
|
|
position: fixed;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
2017-11-28 04:23:18 +08:00
|
|
|
bottom: 0;
|
|
|
|
height: 0;
|
|
|
|
right: 0;
|
|
|
|
left: 0;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
2017-11-29 10:57:27 +08:00
|
|
|
max-width: 1475px;
|
2017-12-02 11:23:12 +08:00
|
|
|
width: 100%;
|
|
|
|
&.hide-preview {
|
2018-06-08 17:49:31 +08:00
|
|
|
max-width: 740px;
|
2017-12-02 11:23:12 +08:00
|
|
|
}
|
2017-11-28 04:23:18 +08:00
|
|
|
@media screen and (max-width: 1200px) {
|
|
|
|
min-width: 0;
|
2017-11-08 17:39:26 +08:00
|
|
|
}
|
2018-06-08 17:49:31 +08:00
|
|
|
z-index: z("composer", "content");
|
|
|
|
transition: height 250ms ease, background 250ms ease, transform 250ms ease,
|
|
|
|
max-width 250ms ease;
|
2017-11-28 04:23:18 +08:00
|
|
|
background-color: $secondary;
|
2018-02-21 01:18:20 +08:00
|
|
|
box-shadow: shadow("composer");
|
2017-11-08 17:39:26 +08:00
|
|
|
|
2017-11-28 04:23:18 +08:00
|
|
|
.reply-area {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
2017-11-08 17:39:26 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.saving-text,
|
|
|
|
.draft-text {
|
|
|
|
display: none;
|
2018-02-01 23:42:56 +08:00
|
|
|
padding-left: 10px;
|
2017-11-08 17:39:26 +08:00
|
|
|
.spinner {
|
|
|
|
margin-left: 5px;
|
2017-11-28 04:23:18 +08:00
|
|
|
border-color: $secondary;
|
|
|
|
border-right-color: transparent;
|
2017-11-08 17:39:26 +08:00
|
|
|
}
|
|
|
|
i {
|
2017-11-28 04:23:18 +08:00
|
|
|
color: $secondary;
|
2017-11-08 17:39:26 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.open {
|
|
|
|
height: 300px;
|
|
|
|
&.edit-title {
|
|
|
|
height: 400px; // more room when editing the title
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.closed {
|
|
|
|
height: 0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.draft,
|
|
|
|
&.saving {
|
|
|
|
height: 40px !important;
|
2017-11-28 04:23:18 +08:00
|
|
|
align-items: center;
|
|
|
|
background: $tertiary;
|
|
|
|
color: $secondary;
|
|
|
|
flex-direction: row;
|
2017-12-02 11:23:12 +08:00
|
|
|
width: 100%;
|
2017-11-28 04:23:18 +08:00
|
|
|
.composer-controls {
|
|
|
|
margin-left: auto;
|
|
|
|
display: flex;
|
|
|
|
padding-right: 5px;
|
|
|
|
.toggle-toolbar {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.d-icon {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
2017-11-08 17:39:26 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
&.draft {
|
|
|
|
cursor: pointer;
|
|
|
|
display: flex;
|
|
|
|
.draft-text {
|
|
|
|
display: block;
|
|
|
|
}
|
2018-06-08 17:49:31 +08:00
|
|
|
.grippie,
|
|
|
|
.saving-text {
|
2017-11-08 17:39:26 +08:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.saving .saving-text {
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
|
|
|
|
.reply-to {
|
2018-01-16 02:37:29 +08:00
|
|
|
color: $primary-high;
|
2017-11-28 04:23:18 +08:00
|
|
|
margin: 5px 0 10px 0;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
2017-11-08 17:39:26 +08:00
|
|
|
i {
|
2018-01-16 02:37:29 +08:00
|
|
|
color: $primary-high;
|
2017-11-08 17:39:26 +08:00
|
|
|
}
|
2017-11-28 04:23:18 +08:00
|
|
|
.reply-details {
|
2018-02-12 23:27:24 +08:00
|
|
|
max-width: calc(100% - 60px);
|
2018-02-03 11:31:55 +08:00
|
|
|
flex: 1 1 auto;
|
|
|
|
white-space: nowrap;
|
2017-11-28 04:23:18 +08:00
|
|
|
}
|
2018-02-01 23:42:56 +08:00
|
|
|
.composer-action-title {
|
|
|
|
display: inline-flex;
|
|
|
|
align-items: center;
|
2018-02-03 11:31:55 +08:00
|
|
|
width: auto;
|
|
|
|
max-width: 100%;
|
2018-02-07 05:17:27 +08:00
|
|
|
|
2018-02-03 11:31:55 +08:00
|
|
|
.avatar {
|
|
|
|
width: 20px;
|
|
|
|
}
|
2018-02-01 23:42:56 +08:00
|
|
|
|
2018-02-12 23:27:24 +08:00
|
|
|
.action-title {
|
|
|
|
white-space: nowrap;
|
2018-02-01 23:42:56 +08:00
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
2018-02-12 23:27:24 +08:00
|
|
|
}
|
|
|
|
|
2018-06-08 17:49:31 +08:00
|
|
|
.topic-link,
|
|
|
|
.user-link,
|
|
|
|
.post-link {
|
2018-02-01 23:42:56 +08:00
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
|
2018-02-03 11:31:55 +08:00
|
|
|
.username {
|
|
|
|
margin-right: 5px;
|
|
|
|
max-width: 100px;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
@media screen and (max-width: 500px) {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-02-01 23:42:56 +08:00
|
|
|
.d-icon {
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
2018-02-02 01:41:11 +08:00
|
|
|
|
|
|
|
img.avatar {
|
|
|
|
margin-right: 3px;
|
|
|
|
}
|
2018-02-01 23:42:56 +08:00
|
|
|
}
|
2017-11-28 04:23:18 +08:00
|
|
|
.composer-controls {
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: -5px;
|
|
|
|
button {
|
|
|
|
padding: 0 8px;
|
|
|
|
}
|
|
|
|
}
|
2017-11-08 17:39:26 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.whisper,
|
|
|
|
.display-edit-reason {
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
|
2018-06-13 16:31:46 +08:00
|
|
|
.display-edit-reason {
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
2017-11-08 17:39:26 +08:00
|
|
|
#edit-reason {
|
|
|
|
margin: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-selector,
|
|
|
|
.title-and-category {
|
|
|
|
display: flex;
|
2017-11-28 04:23:18 +08:00
|
|
|
flex-wrap: wrap;
|
|
|
|
width: 100%;
|
2017-11-08 17:39:26 +08:00
|
|
|
align-items: center;
|
2017-11-28 04:23:18 +08:00
|
|
|
margin-bottom: 5px;
|
2017-11-08 17:39:26 +08:00
|
|
|
position: relative;
|
2017-11-28 04:23:18 +08:00
|
|
|
&.with-preview {
|
|
|
|
width: 50%;
|
|
|
|
}
|
2017-11-08 17:39:26 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.title-input {
|
|
|
|
position: relative;
|
2017-11-28 04:23:18 +08:00
|
|
|
display: flex;
|
|
|
|
flex: 1 1 50%;
|
|
|
|
|
|
|
|
input {
|
|
|
|
flex-grow: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.with-tags {
|
|
|
|
.title-input {
|
|
|
|
flex: 1 1 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.category-input {
|
|
|
|
display: flex;
|
|
|
|
flex: 1 0 35%;
|
2018-04-26 01:00:04 +08:00
|
|
|
margin: 0 0 5px 10px;
|
2017-11-28 04:23:18 +08:00
|
|
|
@media screen and (max-width: 955px) {
|
|
|
|
flex: 1 0 100%;
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
.category-chooser {
|
|
|
|
display: flex;
|
|
|
|
flex: 1;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.with-tags {
|
|
|
|
.category-input {
|
|
|
|
flex-basis: 25%;
|
|
|
|
margin-left: 0;
|
2018-04-26 01:00:04 +08:00
|
|
|
margin-right: 5px;
|
|
|
|
@media screen and (max-width: 920px) {
|
|
|
|
flex-basis: 100%;
|
|
|
|
margin-right: 0;
|
|
|
|
}
|
2017-11-28 04:23:18 +08:00
|
|
|
}
|
2017-11-08 17:39:26 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.add-warning {
|
|
|
|
margin-left: 1em;
|
2017-12-05 00:15:10 +08:00
|
|
|
display: flex;
|
|
|
|
input {
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
2017-11-08 17:39:26 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
#reply-title {
|
2017-11-28 04:23:18 +08:00
|
|
|
margin: 0 0 5px 0;
|
|
|
|
flex-basis: 50%;
|
2017-11-08 17:39:26 +08:00
|
|
|
}
|
|
|
|
|
2018-02-14 00:23:12 +08:00
|
|
|
.mini-tag-chooser {
|
2017-11-28 04:23:18 +08:00
|
|
|
flex: 1 1 25%;
|
2018-02-14 04:46:25 +08:00
|
|
|
margin: 0 0 5px 0;
|
2017-12-05 00:35:02 +08:00
|
|
|
background: $secondary;
|
2018-06-08 17:49:31 +08:00
|
|
|
z-index: z("composer", "dropdown");
|
2017-11-28 04:23:18 +08:00
|
|
|
@media all and (max-width: 900px) {
|
|
|
|
margin: 0;
|
|
|
|
flex: 1 1 100%;
|
|
|
|
}
|
2017-11-08 17:39:26 +08:00
|
|
|
}
|
|
|
|
|
2018-04-27 04:03:48 +08:00
|
|
|
.popup-tip {
|
2018-06-08 17:49:31 +08:00
|
|
|
z-index: z("composer", "dropdown");
|
2018-04-27 04:03:48 +08:00
|
|
|
}
|
2018-06-08 17:49:31 +08:00
|
|
|
|
2017-11-08 17:39:26 +08:00
|
|
|
.wmd-controls {
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
flex-grow: 1;
|
|
|
|
min-height: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.d-editor-button-bar .btn {
|
2018-05-01 08:58:44 +08:00
|
|
|
padding: 4px 8px;
|
2018-05-02 02:38:20 +08:00
|
|
|
display: inline-block;
|
2017-11-28 04:23:18 +08:00
|
|
|
@media all and (max-width: 800px) {
|
|
|
|
padding: 5px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.submit-panel {
|
|
|
|
display: flex;
|
|
|
|
flex-shrink: 0;
|
2018-03-10 11:29:42 +08:00
|
|
|
margin: 7px 0 3px 0;
|
2017-11-08 17:39:26 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.save-or-cancel {
|
|
|
|
flex-basis: 50%;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
2017-11-28 04:23:18 +08:00
|
|
|
button {
|
|
|
|
flex: 0 0 auto;
|
|
|
|
}
|
|
|
|
.cancel {
|
2018-03-13 10:31:02 +08:00
|
|
|
margin-left: 1.25em;
|
2018-03-10 11:29:42 +08:00
|
|
|
line-height: normal;
|
2018-03-13 10:31:02 +08:00
|
|
|
color: $primary-high;
|
2018-03-10 11:29:42 +08:00
|
|
|
transition: color 250ms;
|
|
|
|
&:hover {
|
|
|
|
color: $danger;
|
|
|
|
}
|
2017-11-28 04:23:18 +08:00
|
|
|
}
|
2017-11-08 17:39:26 +08:00
|
|
|
#draft-status,
|
|
|
|
#file-uploading {
|
|
|
|
margin-left: 25px;
|
|
|
|
}
|
|
|
|
#file-uploading {
|
|
|
|
display: flex;
|
2018-03-17 04:10:01 +08:00
|
|
|
align-items: center;
|
2017-12-02 11:31:40 +08:00
|
|
|
a {
|
|
|
|
margin-left: 5px;
|
2018-01-16 02:37:29 +08:00
|
|
|
color: $primary-high;
|
2017-12-02 11:31:40 +08:00
|
|
|
}
|
2017-11-08 17:39:26 +08:00
|
|
|
.spinner {
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.composer-bottom-right {
|
|
|
|
flex-basis: 50%;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row-reverse;
|
|
|
|
.toggle-preview {
|
|
|
|
order: 2;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-06-08 17:49:31 +08:00
|
|
|
#draft-status,
|
|
|
|
#file-uploading {
|
2018-01-16 02:37:29 +08:00
|
|
|
color: $primary-high;
|
2017-11-08 17:39:26 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.cooked > *:first-child {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
|
2014-04-21 03:17:11 +08:00
|
|
|
.autocomplete {
|
2018-06-08 17:49:31 +08:00
|
|
|
z-index: z("composer", "dropdown") + 1;
|
2014-04-21 03:17:11 +08:00
|
|
|
position: absolute;
|
|
|
|
width: 240px;
|
2014-05-06 13:50:51 +08:00
|
|
|
background-color: $secondary;
|
2017-11-08 17:39:26 +08:00
|
|
|
border: 1px solid $primary-low;
|
2014-04-21 03:17:11 +08:00
|
|
|
ul {
|
|
|
|
list-style: none;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
2017-01-04 11:39:21 +08:00
|
|
|
|
2017-01-04 12:37:02 +08:00
|
|
|
li {
|
2017-11-24 00:14:51 +08:00
|
|
|
.d-icon-users {
|
2015-11-30 14:03:47 +08:00
|
|
|
color: lighten($primary, 40%);
|
|
|
|
padding: 0 2px;
|
|
|
|
}
|
2017-01-04 11:39:21 +08:00
|
|
|
|
2017-11-08 17:39:26 +08:00
|
|
|
border-bottom: 1px solid $primary-low;
|
2017-01-04 11:39:21 +08:00
|
|
|
|
|
|
|
a {
|
2014-04-21 03:17:11 +08:00
|
|
|
padding: 5px;
|
|
|
|
display: block;
|
2017-01-04 11:39:21 +08:00
|
|
|
white-space: nowrap;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
2014-04-21 03:17:11 +08:00
|
|
|
span.username {
|
2017-11-28 04:23:18 +08:00
|
|
|
color: $primary;
|
2014-04-21 03:17:11 +08:00
|
|
|
}
|
|
|
|
span.name {
|
2018-01-13 06:27:38 +08:00
|
|
|
font-size: $font-down-1;
|
2014-07-05 08:21:58 +08:00
|
|
|
vertical-align: middle;
|
2014-04-21 03:17:11 +08:00
|
|
|
}
|
|
|
|
&.selected {
|
2017-06-12 10:20:14 +08:00
|
|
|
background-color: $tertiary-low;
|
2014-04-21 03:17:11 +08:00
|
|
|
}
|
|
|
|
@include hover {
|
2017-11-08 17:39:26 +08:00
|
|
|
background-color: $highlight-low;
|
2014-04-21 03:17:11 +08:00
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
div.ac-wrap.disabled {
|
|
|
|
input {
|
2018-06-08 17:49:31 +08:00
|
|
|
display: none;
|
2014-04-21 03:17:11 +08:00
|
|
|
}
|
|
|
|
.item a {
|
2018-06-08 17:49:31 +08:00
|
|
|
display: none;
|
2014-04-21 03:17:11 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-06-08 17:49:31 +08:00
|
|
|
div.ac-wrap div.item a.remove,
|
|
|
|
.remove-link {
|
2015-11-09 21:52:04 +08:00
|
|
|
margin-left: 4px;
|
2018-01-13 06:27:38 +08:00
|
|
|
font-size: $font-down-1;
|
|
|
|
line-height: $line-height-small;
|
2018-02-01 00:44:51 +08:00
|
|
|
padding: 1px 3.5px;
|
2015-11-09 21:52:04 +08:00
|
|
|
border-radius: 12px;
|
2018-02-01 00:44:51 +08:00
|
|
|
box-sizing: border-box;
|
2017-11-08 17:39:26 +08:00
|
|
|
border: 1px solid $primary-low;
|
2015-11-09 21:52:04 +08:00
|
|
|
&:hover {
|
2017-10-11 04:07:46 +08:00
|
|
|
background-color: $danger-low;
|
|
|
|
border: 1px solid $danger-medium;
|
2015-11-09 21:52:04 +08:00
|
|
|
text-decoration: none;
|
|
|
|
color: $danger;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-04-21 03:17:11 +08:00
|
|
|
div.ac-wrap {
|
2016-06-28 16:14:06 +08:00
|
|
|
overflow: auto;
|
|
|
|
max-height: 150px;
|
2018-02-01 00:44:51 +08:00
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
2014-05-06 13:50:51 +08:00
|
|
|
background-color: $secondary;
|
2017-11-28 04:23:18 +08:00
|
|
|
border: 1px solid $primary-medium;
|
2014-04-21 03:17:11 +08:00
|
|
|
div.item {
|
|
|
|
float: left;
|
2018-02-01 00:44:51 +08:00
|
|
|
padding: 4px 10px;
|
|
|
|
line-height: $line-height-large;
|
2014-04-21 03:17:11 +08:00
|
|
|
span {
|
|
|
|
display: inline-block;
|
2018-02-01 00:44:51 +08:00
|
|
|
line-height: $line-height-medium;
|
2014-04-21 03:17:11 +08:00
|
|
|
}
|
|
|
|
}
|
2016-06-28 16:14:06 +08:00
|
|
|
|
|
|
|
.ac-collapsed-button {
|
|
|
|
float: left;
|
|
|
|
border-radius: 20px;
|
|
|
|
position: relative;
|
|
|
|
top: -2px;
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
|
2014-04-21 03:17:11 +08:00
|
|
|
input[type="text"] {
|
|
|
|
float: left;
|
2014-05-18 16:33:56 +08:00
|
|
|
display: block;
|
2014-04-21 03:17:11 +08:00
|
|
|
box-shadow: none;
|
2018-02-01 00:44:51 +08:00
|
|
|
border: 0;
|
|
|
|
margin: 0;
|
2018-02-13 10:09:40 +08:00
|
|
|
background: transparent;
|
2014-04-21 03:17:11 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-09-14 22:19:52 +08:00
|
|
|
.future-date-input {
|
2014-04-21 03:17:11 +08:00
|
|
|
.examples {
|
2017-11-28 04:23:18 +08:00
|
|
|
color: $primary-medium;
|
2014-04-21 03:17:11 +08:00
|
|
|
}
|
|
|
|
}
|
2017-11-13 14:52:15 +08:00
|
|
|
|
|
|
|
.md-table {
|
|
|
|
overflow-y: auto;
|
2018-08-08 04:15:28 +08:00
|
|
|
margin: 1em 0;
|
2018-08-09 03:51:11 +08:00
|
|
|
.mobile-view & {
|
|
|
|
table {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
}
|
2018-02-01 23:42:56 +08:00
|
|
|
}
|