split comments css

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

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;
}

View file

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

View file

@ -1,40 +1,8 @@
{% extends "base.html" %}
{% 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/style.css"></link>
<link rel="stylesheet" href="/static/css/comments.css"></link>
{% endblock %}
{% block main %}
<div class="content">