Vivaldi Forum mod
-
If you use the rounded cards , the square avatars are too much square to fit the rounded cards, so you can modify them with this User CSS:
/* AVATARS */ a.pull-left > img.avatar.not-responsive.avatar-rounded, /* List of threads, img */ a.pull-left > span.avatar.not-responsive.avatar-rounded, /* List of threads, simple color */ a > img.avatar.avatar-sm2x.avatar-rounded, /* List of posts, img */ a > span.avatar.avatar-sm2x.avatar-rounded /* List of posts, simple color */ {filter: opacity(75%) !important; border: 0.4px solid rgba(80,115,134,0.8) !important; border-radius: 10px !important;} p > a > img.avatar.not-responsive.avatar-rounded, /* List of threads last post, img */ p > a > span.avatar.not-responsive.avatar-rounded /* List of threads last post, simple color */ {filter: opacity(75%) !important; border: 0.4px solid rgba(80,115,134,0.8) !important; height: 28px !important; width: 28px !important; border-radius: 10px !important;} a.dropdown-toggle > img /*User avatar */ {filter: opacity(75%) !important; border: 0.4px solid rgba(80,115,134,0.8) !important; height: 32px !important; width: 32px !important; border-radius: 12px !important;}
You can play with opacity, border, border-radius and size.
-
There's a new update (v3.3). Excellent!
-
@hlehyaric It was supposed to be a SILENT update… Now everyone will know I added monetization and tracking
-
Btw, will you share income from monetization with contributors?
-
@luetage
Thanks.
Forum-emoji is back! -
@luetage , I hope they are at least from Amazon and Facebook, as it should be
-
@hlehyaric Of course, what kind of community project would this be, wouldn’t everyone receive a piece of the cake
Well, everyone except French translators. It’s a developer tradition
-
-
I suggest this code to have 3 lines in the last post:
.categories>li .card, .category>ul>li .card {height: 78px !important; line-height: 16px !important;}
-
@barbudo2005 You could update the first post of this modification to include all of your later improvements too. It’s linked from the OP.
-
@luetage How do we add additional modifications to the selectable section? I would like to stop the forum from creating new history entries on scroll.
-
@code3 First of all there is no user js for the forum mod, you would have to change extension files directly. But more importantly the forum uses ajax navigation; no telling what would break would you implement that change.
-
@luetage I am going to edit the extension directly, but I was getting confused. The options page has only the IDs hard coded, so I assume the rest is rendered dynamically, but from what data? What is the proper way to add another optional mod?
Edit: guess some of this is in background js, but what about this line:
What fills in the <span> with text?
@luetage said in Vivaldi Forum mod:
But more importantly the forum uses ajax navigation; no telling what would break would you implement that change.
Nothing except the ability to copy a different URL for each scroll position. Navigation to different pages would still be fine because any lm navigation that is considered a separate page will use history push instead of history replace.
-
@code3 There’s no point in making it optional. Just make a file, register it in the manifest and let your code run after page load.
-
@luetage said in Vivaldi Forum mod:
There’s no point in making it optional.
I would like to make a pull request when I’m done, but not all users will want it.
I guess I can figure that out once I’m finished the rest.
-
@code3 You are of course free to do that, but it’s unlikely I would accept it. The extension was previously dependent on recognizing ajax navigation on scroll and it might be again in future. Furthermore nodeBB itself has implemented a trigger for ajax navigation to serve who knows what functions with it. It’s something I don’t want to mess with.
-
@luetage said in Vivaldi Forum mod:
nodeBB itself has implemented a trigger for ajax navigation
You mean it relies on the current URL to perform functions?
-
@luetage Does not allow me to edit the first post, so the list is:
1.- Square cards view for threads and posts with highlight on hover, bigger separation of threads and posts, and alternate colors for them.
2.- Rounded cards view
3.- Square rounded avatars.
4.- Three lines of last post.
New ones:
5.- Different colors for New, Visited, Hover and Active threads.
/* L I N K S */ /*NOT VISITED NEW*/ a:link, a *:link, span.timeago:link {color: #3f81ea !important; text-decoration: none !important;} /*VISITED*/ a:visited, *:visited {color: #005b37 !important; text-decoration-line: none !important;} a:visited:hover {color: #006a3e !important; text-decoration-line: none !important; filter: opacity(75%) !important;} /*HOVER*/ a:link:hover {color: #6399eb !important; text-decoration-line: none !important;} /*ACTIVE*/ a:active, a *:active, a:visited:active, a *:visited:active {color: #800000 !important;} /*HIGHLIGHT*/ a.highlight, a *:highlight, .selected, .selected *, [href="#"] {color: #DDD !important; font-weight: bold !important;}
6.- Highlight new update for snapshot or desktop stable thread.
h2.title > a[href *= "vivaldi-browser-snapshot"], h2.title > a[href *= "vivaldi-desktop-browser"] {color: #d8d8d8!important; font-weight: 400 !important; filter: opacity(75%) !important;}
-
@barbudo2005 You cannot edit this post ☛ https://forum.vivaldi.net/topic/19728/vivaldi-forum-mod/903? This is the one that’s linked from OP.
-
@guigirl About the discussion from OT. There is no way to create proper title case capitalization with CSS. A Javascript mod would be needed. If there’s interest I could hack something up, or anyone else can take a stab at it. It’s true that topic titles are all over the place with capitalization and it can sometimes get a little irritating. The easy solution would be to ignore capitalization and put everything lowercase with CSS, no dedicated mod needed for that, just a single line in User CSS.