/meta/ - Site Discussion

Discussions about the site and moderation

Mode: Reply
Name
Subject
Message

Max message length: 4096

Files

Max file size: 10.00 MB

Max files: 3

File Types: png, jpeg, jpg, gif, bmp, webm, mpg, mp4, ogg

Options
Password

(used to delete files and postings)

Misc

**spoiler** -> spoiler

==SRZ BIZNIZ== -> SRZ BIZNIZ

''italics'' -> italics

'''bold''' -> bold

__underline__ -> underline

~~strikethrough~~ -> strikethrough

[aa] for japanese characters

[code] tags if enabled by board owner


Visual/CSS notes Amm 06/28/2021 (Mon) 18:22:11 No. 106
CSS-1600x900[1].png
A thread for visual modifications
- remove words from top left navbar, collapse to icons - add boards list to navbar that collapses to a dropdown on mobile - overhaul CSS to look less 1995 hackers-y - remove favorites star from index, catalog, and thread view - hide mod tools
Edited last time by amm on 07/02/2021 (Fri) 19:47:38.
- Replace landing page with either index or catalog view; the current landing page is a bit confusing and doesn't have any clear indication of how to get to the index/catalog. (Plus a view of the most recent posts/images seems less than useful for a quest-oriented board.) - change mona/mspgothic text to display inline rather than block (I assume it's a css thing and that newlines aren't being inserted by the engine)
Edited last time by amm on 07/02/2021 (Fri) 19:48:13.
>>108 The landing page generally has channame logo description of site useful links board list staff list last 5 posts/images Dropping people directly onto a board would be foolhardy. I think TGchan is the only one that does that.
Edited last time by amm on 06/30/2021 (Wed) 13:40:53.
site.png
>>109 Could do this layout for new page, plus easy to find links to the catalog ofc.
>>110 And could also hide the newest /active quests blocks if there's been nothing new in too long, could lead to a doom loop where it discourages people from making new quests if they don't see enough ativity in those. Maybe another block for active discussion threads? Those are also important.
>>109 Fair enough, I’m fine with that as long as the interface is clear
unknown.png
(You) doesn't respond to theme colors.
Change max post width on mobile to 100%
-Make board header's textcolor consistent -Make button/input fonts consistent, remove ugly double border -Fixed the theme selector being larger than the navbar To do: -Fix the watched thread buttons being missaligned (Also change the icons themselves?), padding and margin didn't seem to help, there's something odd controlling those -Change input background color to make it feel less like beacon and more input-y and button-y?. Theme may be all arroudn too red. -Change input boxes font too? #themeSelector { font-size: 75%; } .watchedMenuTitle { padding-top: 0; line-height: 0.8; } .glowOnHover:hover { text-shadow: none; } .boardHeader p { color: #611005; } input[type=button], input[type=submit], button, .dropzone, .selectedCell { font-family: arial; border: solid; border-width: 1pt; } .innerUpload { background: none; }
>>115 -There's still some inconsistently colored icons in yotsuba, fix later.
.uploadCell img:not(.imgExpanded) { border: solid; border-width: 1pt; border-color: #611005; } -Add border to upload image for clarity To do: -Make post subject a brighter color than the name (Swap subject and name's colors?)
-Customize the threads sidebar's scrollbar, too close to normal scrollbar and creates visual noise. Tweak colors to fit theme's, make it narrower, and make it a slimmer bar so the thing you drag (What's it even called) doesn't touch the page's own, should remove the visual confusion. I asociate several identical scrollbars to badly written html, just be me.
>>118 May be just me*
>>118 Apparently it's called a thumb. If you can make it look better on all themes that'd be grand.
Edited last time by amm on 07/05/2021 (Mon) 14:17:18.
>>120 Just an ahead, chrome has dumbass -webkit classes to allow that and firefox only allows pretty minimal control of it so it'll probby look inconsistent.
>>115 >>117 Added these tweaks in, please continue using that subject to distinguish your comments from other themes.
Screenshot 2021-07-06 14:04:03.png
>>122 Settings menu header was inconsistently styled, this one should apply to all themes. #settingsMenu > .header { padding:1px; padding-top: 1px; padding-bottom:3px; line-height:0.8; }
>>123 I made the default and clear header's more consistent with the other floating menus on those themes and added that to Yotsuba's particular one.
Screenshot 2021-07-08 22:55:11.png
To fix: -Posts don't become wider when expanding images, leading to single-column text wrapping. Happens in all themes. Uncertain it's fixable with css alone.
Screenshot 2021-07-12 13:34:20.png
-Set emojis' to .postIcon { object-fit: scale-down; max-width:64px; max-height:64px; width:64px; height:64px; } To preserve aspect ratio. AND reserve the space so it doesn't break formatting. Best of both worlds without creating useless divs baby.
>>126 Done.
Add download icon in front of filename
Edited by date vanishes on mobile

Delete
Report