Andromeda/jank-client-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

space/size changes

Browse source 
• added padding on main area, including channelname box
• restored small space between icon and box in infosection
• userdock and typebox are the same size now
• reply line and icon/text start at the middle and end of the icon respectively (as Discord has it)
• removed top padding from replybox which was pushing the contents down
• moved padding that was misapplied to savediv by git merge
This commit is contained in:
ygg2 2024-07-24 19:48:18 -04:00
parent cbd6b35332
commit 8683535670
1 changed files with 8 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

18
webpage/style.css
View file

@ -83,6 +83,7 @@ th {
flex-wrap: nowrap; flex-wrap: nowrap;
flex-direction: column; flex-direction: column;
max-height: 20in; max-height: 20in;
padding:.02in .2in;
flex-shrink: 0; flex-shrink: 0;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
@ -137,7 +138,8 @@ samp {
padding: .3cm; padding: .3cm;
width: 100%; width: 100%;
flex-grow:1; flex-grow:1;
/*margin-top: .1cm;*/ margin-top: .1cm;
height: calc(100% - .5in - .2cm);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
box-sizing: border-box; box-sizing: border-box;
@ -303,10 +305,6 @@ p {
/* height: 100%; */ /* height: 100%; */
} }
#userdock {
height: .5in;
}
#channels p { #channels p {
text-indent: 10px; text-indent: 10px;
} }
@ -353,7 +351,7 @@ div {
padding: 3px; padding: 3px;
border-radius: .25cm; border-radius: .25cm;
width: 100%; width: 100%;
min-height: .5in; min-height: .6in;
z-index: -100; z-index: -100;
display: flex; display: flex;
max-height: 1.5in; max-height: 1.5in;
@ -524,7 +522,6 @@ hr {
/* width: 00; */ /* width: 00; */
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: space-between; justify-content: space-between;
margin-left: .2in;
} }
.reply { .reply {
@ -543,7 +540,7 @@ hr {
vertical-align: middle; vertical-align: middle;
width: 25px; width: 25px;
border-color: var(--reply-border); border-color: var(--reply-border);
margin-left: 26px; margin-left: .2in;
} }
.replypfp { .replypfp {
@ -718,6 +715,7 @@ textarea:focus-visible {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: .02in; padding: .02in;
box-sizing: border-box;
} }
#channels-td { #channels-td {
@ -1047,6 +1045,7 @@ span {
font-size:.2in; font-size:.2in;
font-weight:bold; font-weight:bold;
display: flex; display: flex;
padding-left:.2in;
} }
#mobileback{ #mobileback{
/* display:inline-block; */ /* display:inline-block; */
@ -1173,7 +1172,6 @@ span {
justify-content: space-between; justify-content: space-between;
flex-direction: row; flex-direction: row;
align-items: flex-end; align-items: flex-end;
padding-top: .05in;
box-sizing: border-box; box-sizing: border-box;
} }
#replybox span{ #replybox span{
@ -1295,6 +1293,7 @@ span {
display:flex; display:flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding-left: 0.1in;
} }
.savediv{ .savediv{
position:absolute; position:absolute;
@ -1314,7 +1313,6 @@ span {
button{ button{
background:var(--green); background:var(--green);
} }
padding-left: 0.1in;
} }
#status { #status {
font-size: 0.8em; font-size: 0.8em;