thedesk/app/css/post.css

144 lines
1.9 KiB
CSS
Raw Normal View History

2018-01-28 23:22:43 +11:00
/*トゥートボックス向けCSS*/
#post-box {
2019-05-19 17:39:30 +10:00
display: none;
2018-01-31 03:43:01 +11:00
position: fixed;
2019-03-06 19:08:48 +11:00
left: calc(50vw - 150px);
top: 50vh;
2018-07-07 03:51:48 +10:00
background-color: var(--postbox);
2018-01-28 23:22:43 +11:00
border: thin solid gray;
2018-07-28 07:25:12 +10:00
z-index: 501;
2019-05-19 17:39:30 +10:00
min-width: 300px;
max-width: 100%;
2018-01-28 23:22:43 +11:00
padding: 5px;
2019-05-19 17:39:30 +10:00
border-radius: 5px;
2018-01-28 23:22:43 +11:00
}
2019-06-16 00:07:18 +10:00
textarea{
min-height: 100px !important;
}
2018-01-28 23:22:43 +11:00
.cancel {
2018-02-18 03:44:03 +11:00
font-size: 0.5rem;
2018-01-28 23:22:43 +11:00
color: gray;
cursor: pointer;
2018-05-02 14:14:03 +10:00
position: absolute;
2019-03-06 19:08:48 +11:00
right: 2px;
2019-05-19 17:39:30 +10:00
top: 4px;
2018-01-28 23:22:43 +11:00
}
.more-show {
display: none;
}
#drag {
width: 100%;
height: 100px;
}
#post-btn {
display: none;
}
#vis {
text-transform: capitalize;
}
#cw-text {
display: none;
}
2019-01-22 03:25:40 +11:00
#sch-box {
display: none;
}
#sch-box input {
2019-05-19 17:39:30 +10:00
width: auto;
2019-01-22 03:25:40 +11:00
}
2019-05-19 17:39:30 +10:00
.picker__close,
.picker__today,
.picker__clear {
color: #26a69a !important;
2019-01-22 03:25:40 +11:00
}
2018-01-28 23:22:43 +11:00
.cw {
display: none;
}
.sensitive {
filter: blur(50px);
}
#emoji {
2019-03-13 02:51:07 +11:00
}
2019-05-19 17:39:30 +10:00
#suggest {
max-height: 300px;
2019-03-13 02:51:07 +11:00
overflow-y: scroll;
2018-01-28 23:22:43 +11:00
}
#emoji-list {
width: 100%;
2019-03-06 19:08:48 +11:00
height: 200px;
2018-01-28 23:22:43 +11:00
overflow-y: scroll;
}
#preview-field {
display: none;
}
2019-05-19 17:39:30 +10:00
.preview-img {
width: 50px;
max-height: 100px;
2019-03-21 07:49:59 +11:00
}
2019-05-19 17:39:30 +10:00
.pi-wrap {
display: inline-block;
width: 50px;
max-height: 100px;
2019-03-21 07:49:59 +11:00
}
2019-05-19 17:39:30 +10:00
#default-emoji a {
color: var(--color);
2019-05-19 17:39:30 +10:00
margin-right: 2px;
2018-03-13 04:41:38 +11:00
}
2019-05-19 17:39:30 +10:00
.character-counter {
2018-04-16 23:58:14 +10:00
position: relative;
top: -25px;
}
2019-05-19 17:39:30 +10:00
.trendtag {
overflow-y: scroll;
max-height: 100px;
2018-07-19 02:05:53 +10:00
}
2019-05-19 17:39:30 +10:00
#toot-btn-field {
display: flex;
2018-09-17 21:55:00 +10:00
}
2019-05-19 17:39:30 +10:00
#toot-post-btn {
width: calc(100% - 10px);
padding: 0;
margin-top: 10px;
2018-09-17 21:55:00 +10:00
}
2019-05-19 17:39:30 +10:00
#toot-sec-btn {
width: 30px;
padding: 0;
margin-top: 10px;
2018-09-17 21:55:00 +10:00
}
2019-05-19 17:39:30 +10:00
#left-side {
float: left;
width: 300px;
2019-03-06 19:08:48 +11:00
}
2019-05-19 17:39:30 +10:00
#right-side {
display: none;
float: left;
width: 300px;
padding: 5px;
2019-03-06 19:08:48 +11:00
}
2019-05-19 17:39:30 +10:00
#poll {
2019-03-06 19:08:48 +11:00
}
2019-05-19 17:39:30 +10:00
.poll-provider {
2019-03-06 19:08:48 +11:00
position: absolute;
height: calc(100% - 90px);
overflow-y: scroll;
top: 90px;
}
2018-03-13 04:41:38 +11:00
2018-02-18 03:44:03 +11:00
/*mini*/
2019-05-19 17:39:30 +10:00
.mini-post .mize {
display: none !important;
}
.mini-post #textarea {
padding: 0;
2018-02-18 03:44:03 +11:00
}
2019-05-19 17:39:30 +10:00
.mini-post #post-box {
width: 200px;
min-width: 100px;
2018-02-18 03:44:03 +11:00
}
2019-05-19 17:39:30 +10:00
.mini-post #toot-field {
padding: 0;
2018-02-18 03:44:03 +11:00
}
2019-05-19 17:39:30 +10:00
.mini-post #toot-btn-field {
padding: 0;
2018-02-18 03:44:03 +11:00
}