fix some alignment and standardize font size

-alignment of profile box, unread noti
-removed replybox contents when hidden
-webkit select style removed
This commit is contained in:
ygg2 2024-07-11 18:52:29 -04:00
parent 5ddf8a5b87
commit de637c8976

View file

@ -120,8 +120,10 @@ samp {
background-color: var(--profile-info-bg); background-color: var(--profile-info-bg);
border-radius: 10%; border-radius: 10%;
padding: .3cm; padding: .3cm;
width: calc(100% - .6cm); width: 100%;
height: calc(100% - .75in); height: calc(100% - .5in - .2cm);
margin-top: .1cm;
box-sizing: border-box;
} }
.profile { .profile {
@ -315,6 +317,7 @@ input {
border-color: var(--settings-hover); border-color: var(--settings-hover);
border-width:0 0 .04in 0; border-width:0 0 .04in 0;
border-radius:.05in; border-radius:.05in;
font-size: 1rem;
} }
div { div {
@ -604,6 +607,7 @@ textarea {
width: 3.5in; width: 3.5in;
resize: none; resize: none;
height: 1.5in; height: 1.5in;
font-size: 1rem;
} }
.channels { .channels {
@ -798,6 +802,7 @@ select{
border-color:var(--timestamp-color); border-color:var(--timestamp-color);
margin: .02in .05in; margin: .02in .05in;
box-shadow: 0px 0px .03in var(--black); box-shadow: 0px 0px .03in var(--black);
-webkit-appearance: none;
} }
#logindiv { #logindiv {
position: absolute; position: absolute;
@ -937,7 +942,7 @@ span {
height: .075in; height: .075in;
width: .075in; width: .075in;
transition: transform .2s, background .2s, height .3s, width .2s; transition: transform .2s, background .2s, height .3s, width .2s;
transform: translate(-.14in, .2in); transform: translate(-.16in, .2in);
z-index: 10; z-index: 10;
border-radius: .2in; border-radius: .2in;
border: solid; border: solid;
@ -1158,7 +1163,7 @@ span {
.cancelReply{ .cancelReply{
align-self:flex-start; align-self:flex-start;
color:red; color:red;
height: .25in; height: auto;
width: .25in; width: .25in;
text-align: center; text-align: center;
padding: 0in; padding: 0in;
@ -1167,6 +1172,9 @@ span {
#replybox.hideReplyBox { #replybox.hideReplyBox {
height: 0; height: 0;
} }
#replybox.hideReplyBox span, #replybox.hideReplyBox button {
display: none;
}
.Buttons{ .Buttons{
background:var(--primary-bg); background:var(--primary-bg);
position: relative; position: relative;