Akif9748/akf-forum
Akif9748/akf-forum
1
1
Fork 0
mirror of https://github.com/Akif9748/akf-forum.git synced 2024-11-22 20:10:40 +03:00
Code Issues Projects Releases Packages Wiki Activity

Update thread.css

Browse source
This commit is contained in:
tokmak0 2022-08-31 15:27:49 +03:00 committed by GitHub
parent e2e2b5bf59
commit fec93df6c6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 63 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
public/css/thread.css
View file

@ -138,3 +138,65 @@
margin: 8px;
cursor: pointer;
}
.dots-menu a:hover:nth-child(1){
color:#e70000}
.dots-menu a:hover:nth-child(2){
color:#4d18e6}
/* Media Query */
@media(max-width:980px){
.message{
margin: 10px 20px;
max-width: 100%;
flex-direction:column;
position:relative;
}
.message .left{
padding: 40px;
border:none;
border-bottom: 2px solid #d9d9d9;
}
.message .left img{
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 5px;
position: absolute;
left: 20px;
top: 20px;
}
.message .left .username{
position: absolute;
top: 20px;
left: 80px;
}
.message .date:nth-of-type(3){
position: absolute;
right: 20px;
top: 20px;
}
.message .date:nth-of-type(2){
position: absolute;
right: 20px;
top: 40px;
}
.dots{
position: absolute;
right: auto;
top: 70px;
left: 40px;
}
.dots-menu{
position: absolute;
left: 70px;
top: 60px;
width: 120px;
}
.dots-menu.active{
display:flex;
}
}