aboutsummaryrefslogtreecommitdiff
path: root/juick-www/src/main/static/style.css
diff options
context:
space:
mode:
authorGravatar Killy2017-10-23 16:57:21 +0300
committerGravatar Vitaly Takmazov2017-10-23 23:43:21 +0300
commit059488ee1a65e4675cb4146802d33f9e4ab1118a (patch)
tree2a0044550705dba2c3f43b319166f54e23a45726 /juick-www/src/main/static/style.css
parent8e01b06453db87bb6040ad53ee432c355c9c247d (diff)
www: comment form fixes
removing hardcoded width
Diffstat (limited to 'juick-www/src/main/static/style.css')
-rw-r--r--juick-www/src/main/static/style.css32
1 files changed, 16 insertions, 16 deletions
diff --git a/juick-www/src/main/static/style.css b/juick-www/src/main/static/style.css
index 2a888b90..1b4dd0e3 100644
--- a/juick-www/src/main/static/style.css
+++ b/juick-www/src/main/static/style.css
@@ -254,16 +254,19 @@ article .replies {
margin-left: 18px;
}
article .comm {
+ display: flex;
margin: 13px 0 0 0;
+ width: 100%;
}
-article textarea {
+article .comm textarea {
border: 0;
+ flex-grow: 1;
padding: 2px;
resize: vertical;
vertical-align: top;
- width: 530px;
}
-article input {
+article .comm input {
+ align-self: flex-start;
background: #EEE;
border: 1px solid #CCC;
color: #999;
@@ -361,40 +364,37 @@ article .t {
}
.ta-wrapper {
border: 1px solid #DDD;
- display: inline-block;
+ display: flex;
+ flex-grow: 1;
}
.msg-comment textarea {
border: 0;
+ flex-grow: 1;
padding: 2px;
resize: vertical;
vertical-align: top;
- width: 634px;
}
-.msg-comment .narrow {
- width: 554px;
+.msg-comment {
+ display: flex;
+ width: 100%;
}
-.msg-comment .narrowpm {
- width: 580px;
+.msg-comment-hidden {
+ display: none;
}
.attach-photo {
background: url("photo-attachment.png") no-repeat 3px 4px;
cursor: pointer;
display: inline-block;
- height: 13px;
+ height: 16px;
overflow: hidden;
padding: 2px 4px;
width: 16px;
}
.attach-photo-active {
background: url("photo-attachment-active.png") no-repeat 3px 4px;
- cursor: pointer;
- display: inline-block;
- height: 13px;
- overflow: hidden;
- padding: 2px 4px;
- width: 16px;
}
.msg-comment input {
+ align-self: flex-start;
background: #EEE;
border: 1px solid #CCC;
color: #999;