Vivaldi Forum mod

[Ornorm]

Why did I do that? I don't know...
but if you want to reuse it, be my guest

.btn-default, .btn-primary {
    color: #edf6f9;
    background-color: #71afc4;
    border-color: #0a7193;
    position: relative;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #edf6f9;
    background-color: #0bb2ea;
    border-color: #0bea86;
}
/* Ripple effect */
button.btn.btn-default:after, .btn-primary:after {
    content: '';
    position: absolute; 
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%; 
    background-color: white;
    border-radius: 100%;
    opacity: 0;
    transform: scale(1, 1);
    transition: transform 0.5s, opacity 1s;
}
button.btn.btn-default:active:after, .btn-primary:active:after {
    opacity: 0.4;
    transform: scale(0, 0);
    transition: 0s;
}

[hlehyaric]

@Ornorm
Do we really need a reason to play with CSS?

[Ornorm]

And another one for the players

(not the background, only the effects on hovering and clicking on the submenu items)

@keyframes HoverMove {
    0%   {border-top: 2px solid #ffffff;}
    25%  {border-top: 4px solid #ffe6e6;}
    50%  {border-top: 6px solid #ff8080;}
    100% {border-top: 8px solid #ff0000;}
}
#submenu li.active>a {
    background: linear-gradient(to bottom, rgba(206,219,233,1) 0%,rgba(97,153,199,1) 24%,rgba(58,132,195,1) 42%,rgba(65,154,214,1) 61%,rgba(75,184,240,1) 76%,rgba(58,139,194,1) 87%,rgba(38,85,139,1) 100%);
    color: white;
}
/* Submenu hover animation */
#submenu li>a:hover {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    animation-name: HoverMove;
    animation-duration: 0.45s;
    border-top: 8px solid red;
    box-shadow: 0 3px 5px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    z-index: 999;
    background-color: transparent;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.2) 100%);
}
/* Submenu click animation */
#submenu li>a:active {
    background: radial-gradient(white, transparent);
    background-size: 100%;
}

[hlehyaric]

@Ornorm

[hlehyaric]

@Ornorm That's why you're less active on the forum these days: far too busy modding it!

[Ornorm]

@hlehyaric Concentration was needed... indeed.

[luetage]

Seems like you guys are enjoying yourselves.

[Ornorm]

@luetage It wouldn't have been possible without you...

[hlehyaric]

@luetage That's what this is all about, isn't it? Have fun, have fun with CSS, have fun learning CSS.

[Hadden89]

@hlehyaric It's very nice how Vivaldi modding managed to transform a bunch of text files with awkard words and symbols in it, in something fun to fiddle with.

[LonM]

Update on my new emote picker - The new way I'm planning will work like:

• Enable advanced formatting
• You can add your own by file upload in the extension settings (chrome extension storage has a max space of about 5Mb, so should be plenty of space for emotes + custom css)
• When you use an emote in a comment it uploads it directly, that way if the link to an external emote breaks, it still works

Does that sound easy to use? Is there anything in that workflow that doesn't make sense or could be made cleaner?
I don't want to end up dealing with feature creep or angering mod users

Oh and one more thing - If there was a "communal" set of emotes people could share and add to, how would you prefer to share them? I'd like to avoid, if at all possible, relying on external websites, so this seems like a very tricky problem.

[A Former User]

@LonM said in Vivaldi Forum mod:

• You can add your own by file upload in the extension settings (chrome extension storage has a max space of about 5Mb, so should be plenty of space for emotes + custom css)
• When you use an emote in a comment it uploads it directly, that way if the link to an external emote breaks, it still works

Does that mean that

• every single emoji would be loaded separately? (I know they’re usually small, but is it really necessary?)
• the post composer would be filled with a base64 URL?

Can they be added as /assets/uploads/files/* forum URLs instead?

Oh and one more thing - If there was a "communal" set of emotes people could share and add to, how would you prefer to share them? I'd like to avoid, if at all possible, relying on external websites, so this seems like a very tricky problem.

Maybe there could be a topic somewhere & people could add posts in a given format. Then you could make use of /api/, e.g. /api/topic/19728/vivaldi-forum-mod/751 gives this thread — but only posts from this page, so everyone should edit their own post when adding more emoji to avoid loading too many times (that should be used either on user request or after an interval). Also, to avoid overloading the picker, there should in a way be categories — default, local, {someone’s nickname}

---

Sorry, I got a little blown away. That’s just an idea how it could be made. Take it or throw it away.

[luetage]

@LonM I don’t really have an opinion, to me the opera set we currently have is enough. And you can’t anger anyone, it’s a mod which has to be enabled and it doesn’t hurt anybody.

[LonM]

@potmeklecbohdan Yes, it would be far better for space & network efficiency if I could get a set of URLs that wouldn't change instead of re-uploading unique images.

Then, with a specific topic the API could pull everything in and just extract image URLs. Thanks for teaching me about that - I didn't know it existed.

[TbGbe]

@potmeklecbohdan said in Vivaldi Forum mod:

Then you could make use of /api/, e.g. /api/topic/19728/vivaldi-forum-mod/751 gives this thread

According to my address bar it is 752 not 751 ??
Does that change depending on user settings?

[Ornorm]

@TbGbe That number changes when scrolling up/down on the page (756 when at the bottom, 741 at the top -> seems to be related to the number of the post in the thread).

[TbGbe]

@Ornorm Yes, so it is a specific post (not the whole thread). Although a post does indicate the page as @potmeklecbohdan stated - but that means it does depend on user configuration of "Pagination".
Unless the user uses "infinite scroll" and so there are no pages!?

[Ornorm]

@TbGbe said in Vivaldi Forum mod:

the user uses "infinite scroll"

I believe the post number would remain the same because I don't see a reference to the page number (just a supposition).

[TbGbe]

@Ornorm That was my point too.
So using an api would have to be post specific, that would lead to a large number of duplicate posts of emojis wouldn't it?

[stardepp]

@luetage Politely asked, will your Chrome Web Store extension be updated again? Because the themes do not cover the top bar, see screenshot: