Saidit.net — May 1, 2019 — Rounded corner design, fixed black box around chat, lots of changes to saidit wiki functions, automoderator documentation restored, cleaned up code

submitted by magnora7 from self.SaidIt

I did a bit of a theme tweak to the site as I'm sure many of you have noticed. Things that are now rounded include the search bar, mod actions box, mod list box, frames around picture icons on front page, tabs, reply text boxes (with working rounded colored border when selected), and a few others. I think it looks pretty nice, lots of polished sites use rounded corners frequently these days, and it also distinguishes saidit from the original reddit-like design.

Also I removed the ugly pointless black box around chat in daymode that was obviously not supposed to be there. Everything looks great in both day and night mode now.

Next, all the following changes have been made to the wiki system on saidit thanks to /u/d3rr

That's it for today! Let us know what you think in the comments below.

all 22 comments
sorted by:
top
newinsightfulfun

[–]sawboss 4 insightful - 1 fun4 insightful - 0 fun5 insightful - 1 fun -  (18 children)

I don't like the rounded corner look, but I'm probably alone in that.

I'm not sure what the "expando" thing is.

Thanks as always for SaidIt.

[–]magnora7[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (17 children)

Give it a try for a while, maybe you'll get used to it. I had the roundedness turned up way higher so everything was a circle or oval, but I settled with it a bit lower so things are more square just with rounded edges.

The expandos are the little buttons that you use to expand images or videos right in the page. It's the little white square button next to the title and thumbnail image, with the arrow and plus sign (in posts) or the filename label in a gray box (in comments). I think what wizzwizz did was to make it so when you click-drag the image to make it larger, it expands better.

Here's a test image, click the box that says JPG, then click-drag on the image to make it really big: http://www.irantravelingcenter.com/wp-content/uploads/2015/10/iran-nature-03.jpg

Happy to help! Let me know if you have more questions or comments.

[–]wizzwizz4 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (1 child)

No, my tweak was mostly for the embedded videos. I still don't know how that image resizing thing works.

[–]magnora7[S] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

Oh thanks for clarifying. Much appreciated, thanks for contributing code to saidit wizzwizz

[–]sawboss 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (14 children)

In my browser (Mozilla Firefox 66.0.3 with uBlock and uMatrix on Ubuntu 18.10) clicking the link-ified URL of the image opens the image in a new tab. Clicking the JPG box opens an empty new tab and simultaneously toggles inline expansion of the image. Dragging to resize the expanded image works, but it's not very reliable.

[–]magnora7[S] 3 insightful - 1 fun3 insightful - 0 fun4 insightful - 1 fun -  (3 children)

Clicking the JPG box opens an empty new tab and simultaneously toggles inline expansion of the image

It shouldn't open a new tab, that's weird. /u/d3rr might be interested to know this. And clicking the link URL should just go to that page. Does every new link open a new tab in your browser? That sounds like a browser setting.

What do you mean it's not very reliable when you click-drag to resize? For me it works flawlessly. Maybe it's to do with your video settings in ubuntu perhaps. Not sure.

[–]sawboss 3 insightful - 1 fun3 insightful - 0 fun4 insightful - 1 fun -  (2 children)

I have enabled open links in a new window in SaidIt preferences. I have enabled Open links in tabs instead of new windows in Firefox preferences.

I mean "unreliable" in the sense that if I drag too quickly or the pointer moves outside the boundaries of the expanded image then it stops resizing.

Neither of these things bother me enough to worry about. Just thought I'd mention them in case others have similar experiences.

[–]magnora7[S] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (1 child)

Gotcha. Thank you for the reports, much appreciated. We'll look in to the issues for further updates.

[–]sawboss 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

cool

[–][deleted] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (9 children)

I think I can fix your 'JPG' click opening a new tab. Thanks for the report.

[–]sawboss 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (8 children)

Can you explain the possible cause in a sentence or two, and why I am the only one (apparently?) affected?

[–][deleted] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (7 children)

I'm not calling event.preventDefault() so your browser thinks you're clicking a (traditional) link. I think. You'll have to retest it for us once a fix goes out. Suspect your open in new tab setting exposed this flaw.

[–]sawboss 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (6 children)

Weird. I think open in new tab is actually the factory default on Firefox. Does everyone use Google Chrome except me?

[–][deleted] 1 insightful - 2 fun1 insightful - 1 fun2 insightful - 2 fun -  (5 children)

It is weird. It works as expected for me in FF with default settings.

[–]sawboss 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (4 children)

I created a new, empty profile and the first thing I did was check the setting.

https://files.catbox.moe/emhmrh.png

[–][deleted] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (3 children)

i see. well i pushed an update, see if it still acts weird. if it does, i would try disabling all of your add-ons and flushing browser cache for this site and see if that fixes it.

[–]catlover1019 3 insightful - 1 fun3 insightful - 0 fun4 insightful - 1 fun -  (1 child)

I think the comment entry box could maybe go for some padding, so the first character typed isn't bumping right up against the rounded corner.

[–]magnora7[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (0 children)

Good suggestion. It's been fixed.

[–]HorseMeat 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (1 child)

The rounded corners look fine on the post contents box & moderator list box, however I feel it looks very strange on the text box & thumbnail previews. I think there needs to be some sort-of balance. Not everything needs to rounded. For example, Windows 7 has rounded corners on windows, but stuck to traditional square appearance on the taskbar. On Saidit, restoring the thumbnail previews & text box to square would make a great deal of difference visually.