Vivaldi Forum mod
-
@steffie I too would be wary of installing extra packages if you're not going to have all that much use for it.
I suppose there's a feature request here - built in emoji support for vivaldi in linux, but I am not aware exactly of what the problem is and how to describe it (as it works fine on windows), and there's also a licensing issue of what emoji font to use.
-
@lonm This is not a Vivaldi issue. Steffie and Catweazle have access to unicode emojis on Linux and therefore Vivaldi -- they are just monochrome, because of the font that is installed on the operating system.
That Linux doesn't do a better job at this out of the box is regrettable, but it's surely not the fault of Vivaldi. Unicode emojis make sense and that most Linux forums seem to use their own emojis tells you about how bad the unicode emoji implementation is on Linux distributions. But instead of fixing the issue (providing colorful and nice emojis with a dedicated open source font installed by default), they just circumvent it. Sad
But yeah, I would try to install the noto/google ones. If it works this should be good. I had a look at them and they seem decent.
-
@luetage said in Vivaldi Forum mod:
@lonm I found a similar link, the issue seems to be they only work on mozilla based browsers, but no idea.
@Steffie Linux really has problems with emoji support, but Android (naturally) does not. Maybe this works:
https://forum.manjaro.org/t/tutorial-how-to-enable-system-wide-color-emoji-support/35188
This tries to implement google android emojis (noto), but can't test it as I have no Linux install currently.@Catweazle You are probably on Linux too, the squares mean you don't have the latest Unicode installed. You could update your install.
No, I'm with Win 7, but what about emojis, although some are missing, for me it's not that important since I do not use Unicode emoji so many times.
Thank you anyway (γ)_/Β― -
@luetage said in Vivaldi Forum mod:
This is not a Vivaldi issue
it's surely not the fault of Vivaldi
If you mean V as in the browser itself, then i completely agree with you, never said otherwise, never implied otherwise.
If you mean V as in the company, & the admin of this forum software, then i strenuously disagree with you. Nobody seems to be willing to acknowledge the fundamental point i have been making... the V forum once upon a time had no emojis, then later it had emojis [lots & lots & lots], then more recently they were removed again. That is the problem. The other fora i listed have their own emojis. V forum used to, & now does not. Why is this not simple to grasp?
-
I'm working on a little thing which I think greatly helps usability in the forum, it might be of interest. It adds a little "copy text" button to any long
code
s that appear on the page (the ones with the dark background that scroll). It makes it much easier to select the text included in, for example, a mod, as Ctrl+A just selects everything on the page.It uses this CSS:
.copy-all-code-button { position: absolute; right: 20px; opacity: 0; background: rgba(0,0,0,0.7); color: white; border-radius: 5px; border: 1px solid rgba(255,255,255,0.7); } pre.markdown-highlight:hover .copy-all-code-button { opacity: 1; }
This JS, which needs to be run after the page has loaded the forum posts
function make_copy_button(){ const new_button = document.createElement("button"); new_button.textContent = "Copy All"; new_button.className = "copy-all-code-button"; new_button.addEventListener("click", copy_all); return new_button; } function copy_all(event){ const code_node = event.currentTarget.parentElement.querySelector("code"); const window_selection = window.getSelection(); const code_range = document.createRange(); code_range.selectNodeContents(code_node); window_selection.removeAllRanges(); window_selection.addRange(code_range); document.execCommand('copy'); } function add_copy_code(){ const codeblocks = document.querySelectorAll("pre.markdown-highlight"); console.log(codeblocks); codeblocks.forEach(codeblock => { codeblock.appendChild(make_copy_button()); }); }
The JS bit tricky, as I have no idea how to make it run after the content has loaded (it doesn't happen immediately, so I just
setTimeout(add_copy_code,1000);
for now), and I'm not sure how to get it to run again when you change the page on a topic.I'm running this in a userscript for the forum, I thought this might interest other users of this mod.
-
@lonm It's a good idea, I'll implement it as default, as this is useful for everyone and doesn't get in the way. And yeah, the part you are talking about is tricky, but it will work for all instances on paginated setups ββ I already have the needed code in place.
-
version 1.45
New default mod: Copy all code button. Adds a button to each code block, which copies all code within the block. Written by @LonM.This just went live on the webstore, but the automatic update might take some time. If you want to test it right now, enable developer mode on the extensions page and trigger the manual update.
@LonM: I pretty much kept your code as is, good job. Just changed the design a bit to make it look more like a part of the code block. It should work on onload, page navigation and history forward/backward. The only thing I noticed again is the difference in width of code blocks with and without scroll bar (and the empty space between)β¦ Maybe I'll address this someday.
-
Test-post with emojis ex http://copychar.cc/emoji, using V:
Vivaldi 1.15.1104.3 (Official Build) (64-bit)
Revision fa006e2f659687b01c55d7d837e43decb26216b3-
OS Windows...from my Win10 VM.
This is a picture of what i see above, in the Compose Preview pane:
An Aside: At this point in my draft post, Win10 completely froze, forcing me [after foolishly waiting ~15' to see if it was any less incompetent than every preceding Win version at recovering from its self-induced messes], to kill & reboot it. Thank dog i fled from this steaming pile of donkey doodoos back in 2014. However, how great is V? Assuming that i was going to have to start the post all over again, to my delight it was right there for me to resume. Aside ends...
Now i shall post this, then return to the pure air of Linux & view it in my V there, to see what those emojis look like there.
EDIT: ...& so here's the pic of what i see with V SS in Manjaro:
I'd do a frowny-faced emoji, but what's the point?So it seems that Linux V users have three choices:
- Accept that since V forum admin chose to remove emojis we have nothing, even though multiple other tech forums provide native emoji tools.
- Entreat V forum admin to restore native emoji tools in the forum software.
- Experiment with specific unofficial emoji-font packages per previous suggestions.
EDIT #2: Clearly this emoji discussion i unwittingly unleashed is totally OT for this thread. Is it possible please for one of the Mods to move all the emoji posts from here to a dedicated new thread, so that the fine work of this thread is left undiluted? Sorry to have unintentionally created a mess.
-
Just to add another view on emojis - this is on Mac (albeit on dark background, who'd guessed...)
Funny enough, they seem a bit big - somehow they are scaled x2 in both directions on screenshot import. In the browser they are smaller...
-
I don't know if anyone's tried this before, but I re-packed the extension for Firefox for Android, and it works!
-
@lonm Nice, I haven't tried that yet as I don't use FF on Android right now. Maybe it's time to fix the mistakes and theming in the mobile sidebar then. Does everything work, including custom themes and user css?
-
version 1.46
Link to the unofficial Vivaldi Discord chat and the official Vivaldi store added to footer. Copy all code button is consistent on all themes now. Fix for vertical code scrolling (removed space and up/down movement of the hljs part).The link to the chat should be useful to make more users aware of it, the store link is just a bonus. The code markdown display has a fixed scrollbar now and the copy_all_code button stays in place. I also added a hover color to the button.
What I don't know is if the scroll bar width is consistent on different operating systems. The copy all code button is placed flush in the upper right corner when the scroll bar is visible, please tell me if it overlaps for any of you, so I can fix it accordingly.
-
@luetage It all seems to work. The latest versions of firefox have WebExtension support that is essentially the same as chrome's API. The only problem is it doesn't load in the Forum PWA firefox creates, but that's more a firefox limitation than the extension.
-
@lonm I finally got it to work with chrome store foxified. Seems fine indeed. What's different is the menu of course, the custom entries are naturally missing on the mobile site, and the menu itself isn't themed properly (it takes highlights and certain other things from the theme), but for simply getting a dark theme running with a few extra modifications it's enough.
-
@luetage Quick access to own blog?
A button like the one made for bookmarks maybe, but after webmail to not clog the layout
Or just an entry in the menu (where avatar is) which probably is better -
@hadden89 Ideally, a link to a user's blog would be on every user's avatar.
-
I thought about this when the new blog system came out and I didn't really come to a conclusion.
@Hadden89 We have to ask what is the reason to go to your own blog? You wrote your blog entries, so you likely don't visit to read them again. Your reason for a visit is approving new comments, or writing a new blog entry, or editing the look/interface. For all of this you have to be logged in and you aren't automatically logged in, if you visit the link from the forum β you have to log in anew. I argue it is equally fast to click on "Community" in the forum header, log in and just click on "My Blog" in the community avatar dropdown.
@Pesala The usercard is the perfect place for a link to a member's blog. It's easily accessible, because you don't have to visit a user's profile first. I like it β and I remember you proposed this earlier in another thread. I already looked into implementing this, but there are several problemsβ¦
We would have to iterate through every avatar on a topic page and listen for clicks, then upon usercard creation we would have to check for the name, transform it into a link and add it to the card. While this is possible, it adds a lot of code which is continuously running and it would only work on paginated setups. But I could see this being worth it nevertheless, if it weren't for the fact that we can't assure a user's blog even exists. For the majority of usercards we would add links which are pointless redirects to the main community site (https://vivaldi.net/).
The truth is it's hard to implement this from an extension, but the Vivaldi team would have an easy time adding this blog link native to the nodeBB forum code. It's the perfect forum feature request, only problem is they don't seem to have time to work on the forum.
Currently it makes more sense to advertise your blog in your signature, or in the "about me" section on your own profile. Both of these options can be edited by clicking the "Edit forum" entry in the avatar dropdown menu when using the Forum mod. This doesn't solve the problem of accessing other member's blogs, but as said, I feel that's a problem Vivaldi could handle much cleaner.
-
ver 1.47-1.48
β Additional exceptions for copy all code button (blockquote, non formatted).
β Fixed a small error related to calculated colors in custom themes.I wonder where this should go next honestly. We could think about translations and while this is relatively easy to setup, it's a pain to maintain.
Anyway, in the meantime I made another custom theme for myself, it's an update to the gray-pink theme really, making the former rather obsolete.
βββ> neon (download) -
@luetage
Hi, I use the forum mod since beginning and I like it.
Is it possible to change font size for the forum?
I use Minimum Font Size setting in Vivaldi settings but it does not affect forum font size
What can I do.Cheers, mib
-
@mib2berlin Yeah, you can do that. Click the edit button beside User CSS and input
body {font-size: 12px}
, then click back, tick the User CSS line and click save to save to storage. You will immediately notice a difference. Of course not every element with fonts on Vivaldi is controlled by this, but it's a start β you can always inspect elements you want to change and just add them to your CSS.