Browse Source

added some comments to the CSS, adjusted usernames on comments to be able to shrink in width

master
pop1040 2 years ago
parent
commit
63b56b52fb
  1. 19
      html/main.css

19
html/main.css

@ -66,10 +66,8 @@
}
/* end of Awesome TextField CSS */
html{
margin-left: calc(100vw - 100%);
}
/* <--- Special version of awesome textfield for comments --->*/
.EditableComment > p{
border: none;
border-bottom: 1px solid rgb(156, 156, 156);
@ -95,6 +93,7 @@ html{
transform: scaleX(1);
}
/* <--- gitea link --->*/
#gitea-link{
position: absolute;
top: 8px;
@ -105,6 +104,7 @@ html{
height: 60px;
}
/* <--- base page stuff --->*/
body{
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
min-height: 100vh;
@ -116,6 +116,11 @@ body{
text-align: center;
padding: 50px 0px 25px;
}
html{
margin-left: calc(100vw - 100%);
}
/* <--- modal checkbox --->*/
.modalControl{
display: none;
}
@ -133,7 +138,7 @@ input.modalControl + div{
input.modalControl:checked + div{
display: flex;
}
/* <--- default modal look --->*/
.modal{
padding: 16px;
border-radius: 8px;
@ -142,6 +147,7 @@ input.modalControl:checked + div{
flex-direction: column;
box-shadow: 0px 0px 4px 0px rgba(128, 128, 128, 0.5);
}
/* <--- basic flexbox primitives --->*/
.center{
display: flex;
justify-content: center;
@ -150,6 +156,7 @@ input.modalControl:checked + div{
display: flex;
justify-content: end;
}
/* <--- best button (I need to get better names for these things) --->*/
.bestButton{
margin: 10px;
padding: 8px 16px;
@ -162,6 +169,7 @@ input.modalControl:checked + div{
.bestButton:hover{
cursor: pointer;
}
/* <--- close button --->*/
.close{
width: 24px;
height: 24px;
@ -179,7 +187,7 @@ input.modalControl:checked + div{
#commentsContent{
padding-top: 30px;
display: grid;
grid-template-columns: 200px auto 64px;
grid-template-columns: auto 1fr 64px;
width: 60vw;
}
/* @media only screen and (max-width: 800px){
@ -204,6 +212,7 @@ input.modalControl:checked + div{
}
.comment-username{
grid-column: 1 / span 1;
max-width: 200px;
}
.comment-username > p{
background-color: rgb(24, 24, 24);

Loading…
Cancel
Save