0x2620/phantasmobile
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

split comments css

Browse source
This commit is contained in:
j 2023-07-15 13:04:07 +05:30
parent b420bf43b7
commit 100fe79b1d
4 changed files with 61 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
app/static/css/comments.css Normal file
View file

@ -0,0 +1,43 @@
.comments h3 {
font-weight: bold;
padding: 4px;
padding-left: 0;
margin: 0;
//display: none;
}
.comments.active h3 {
display: block;
}
.comments .icon svg {
width: 12px;
height: 12px;
}
.add-comment {
width: 100%;
height: 30vh;
text-align: center;
}
.add-comment input {
width: 100px;
}
.add-comment textarea {
width: 80%;
display: block;
background: black;
color: white;
margin: auto;
padding: 0;
border: 0;
}
.add-comment button {
background: red;
border: 0;
}
.comment .text {
white-space: pre-line;
}

24
app/static/css/style.css
View file

@ -86,6 +86,16 @@ video, .poster {
.layer.active:first-child { .layer.active:first-child {
padding-top: 0px; padding-top: 0px;
} }
.layer h3 {
font-weight: bold;
padding: 4px;
padding-left: 0;
margin: 0;
//display: none;
}
.layer.active h3 {
display: block;
}
.annotation { .annotation {
padding: 4px; padding: 4px;
@ -107,20 +117,10 @@ video, .poster {
} }
} }
.layer h3, .layer h3 {
.comments h3 {
font-weight: bold;
padding: 4px;
padding-left: 0;
margin: 0;
//display: none;
cursor: pointer; cursor: pointer;
} }
.layer.active h3 { .layer .icon svg {
display: block;
}
.layer .icon svg,
.comments .icon svg {
width: 12px; width: 12px;
height: 12px; height: 12px;
} }

34
app/templates/item.html
View file

@ -1,40 +1,8 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block head %} {% block head %}
<style>
body {
margin: 0;
padding: 0;
background: turquoise;
}
.add-comment {
width: 100%;
height: 30vh;
text-align: center;
}
.add-comment input {
width: 100px;
}
.add-comment textarea {
width: 80%;
display: block;
background: black;
color: white;
margin: auto;
padding: 0;
border: 0;
}
.add-comment button {
background: red;
border: 0;
}
.comment .text {
white-space: pre-line;
}
</style>
<link rel="stylesheet" href="/static/css/reset.css"></link> <link rel="stylesheet" href="/static/css/reset.css"></link>
<link rel="stylesheet" href="/static/css/style.css"></link> <link rel="stylesheet" href="/static/css/style.css"></link>
<link rel="stylesheet" href="/static/css/comments.css"></link>
{% endblock %} {% endblock %}
{% block main %} {% block main %}
<div class="content"> <div class="content">