aboutsummaryrefslogtreecommitdiff
path: root/juick-www/src/main/static/style.css
diff options
context:
space:
mode:
authorGravatar Killy2017-10-24 16:44:13 +0300
committerGravatar Killy2017-10-24 16:44:13 +0300
commitcc248012470a65c34c7184b4b73a59a5aac7b5e3 (patch)
tree28394edf6d83c152be109d7c0c80ad97b516a08e /juick-www/src/main/static/style.css
parent722c3e519681c86d17b4d021f5c74255d3e5169c (diff)
www: comment form fixes
sticky buttons move submit button down in mobile layout
Diffstat (limited to 'juick-www/src/main/static/style.css')
-rw-r--r--juick-www/src/main/static/style.css40
1 files changed, 26 insertions, 14 deletions
diff --git a/juick-www/src/main/static/style.css b/juick-www/src/main/static/style.css
index e90169d9..73ea7d8c 100644
--- a/juick-www/src/main/static/style.css
+++ b/juick-www/src/main/static/style.css
@@ -370,6 +370,9 @@ article .tags > a,
padding: 20px;
width: 640px;
}
+.reply-new .msg-cont {
+ border-right: 5px solid #0C0;
+}
.msg-ts {
float: right;
font-size: small;
@@ -406,20 +409,21 @@ article .tags > a,
display: flex;
flex-grow: 1;
}
-.msg-comment textarea {
- border: 0;
- flex-grow: 1;
- padding: 2px;
- resize: vertical;
- vertical-align: top;
-}
.msg-comment {
display: flex;
width: 100%;
+ margin-top: 10px;
}
.msg-comment-hidden {
display: none;
}
+.msg-comment textarea {
+ border: 0;
+ flex-grow: 1;
+ padding: 2px;
+ resize: vertical;
+ vertical-align: top;
+}
.attach-photo {
background: url("photo-attachment.png") no-repeat 3px 4px;
cursor: pointer;
@@ -427,6 +431,9 @@ article .tags > a,
height: 16px;
overflow: hidden;
padding: 2px 4px;
+ position: -webkit-sticky;
+ position: sticky;
+ top: 70px;
width: 16px;
}
.attach-photo-active {
@@ -437,7 +444,10 @@ article .tags > a,
background: #EEE;
border: 1px solid #CCC;
color: #999;
- margin-left: 6px;
+ margin: 0 0 0 6px;
+ position: -webkit-sticky;
+ position: sticky;
+ top: 70px;
vertical-align: top;
width: 50px;
}
@@ -448,16 +458,10 @@ article .tags > a,
overflow: hidden;
text-indent: 10px;
}
-.reply-new .msg-cont {
- border-right: 5px solid #0C0;
-}
#replies .msg-txt,
#private-messages .msg-txt {
margin: 0;
}
-.msg-comment {
- margin-top: 10px;
-}
.title2 {
background: #DDDDD0;
margin: 20px 0;
@@ -502,6 +506,14 @@ article .tags > a,
.title2 h2 {
font-size: large;
}
+ .msg-comment {
+ flex-direction: column;
+ }
+ .msg-comment input {
+ align-self: flex-end;
+ margin: 6px 0 0 0;
+ width: 100px;
+ }
}
@media screen and (max-width: 480px) {