Vivaldi Forum mod

[Hadden89]

I'd call this a laziness request but nice if don't mean a lot of coding/permissions:
is possible to a "add this topic [id]" to VFM extension menu? Is faster than grabbing /[ID]/ portion > open settings > go to custom emotes and click on load button. [Would be bad also if increase RAM usage. ]

[LonM]

@Hadden89 What for? You mean to add emotes from "this current topic"? Is that something you would frequently encounter?

(I'm trying to figure out the whole use case)

[Hadden89]

@LonM

you mean add emotes from "this current topic"?

Exactly. "New emojis" could be spread on random topics and not on the main "emoji thread". I like saving clicks but if annoying to do is not a critical function at all, of course. It was just an idea.

---

Also, I'd put the storage usage before the changelog. Is the most !important info users may want to see ^^

[LonM]

@Hadden89 that sounds reasonable.

Storage usage will likely never be filled now its just using urls. I may remove that.

[Ornorm]

I don't know if someone will be able to guide me... I'm stuck with the following mod on the forum.
It works when the avatar contains no picture but doesn't when it does.
I tried by adding img, li, ul, different classes, z-index, etc. but couldn't find a solution for this.
Does anyone have a hint?
Thanks in advance.

/* Line through avatar picture */
a .avatar.avatar-rounded::after /*, a img.avatar.avatar-rounded::before */ {
    content: '';
    width: 100%;
    border-bottom: 2px solid transparent;
    top: 0;
    left: 0; 
    overflow: hidden;
    position: absolute;
    height: 0;
    transition: 0.5s ease-in-out;
}
a .avatar.avatar-rounded:hover::after /*, a img.avatar.avatar-rounded:hover::before */ {
    border-bottom: 5px solid red;
    height: 100%;
}

[A Former User]

@Ornorm That’s a strange thing with img
@potmeklecbohdan said in Vivaldi Forum mod:

~ an hour after giving up I remembered that imgs can’t have ::before & ::after or what…

See also https://stackoverflow.com/a/6949190

[Ornorm]

@potmeklecbohdan Thank you for that!
I just feel betrayed by the god (if any) of CSS...

[Ornorm]

@Ornorm Not totally satisfied with the solution but I ended-up with this (double effect for avatars without img ) :

[Ornorm]

@guigirl Sorry for that feeling...
I did take it from the Online section of the Users page and.... tadaaaaa... who's there?

[luetage]

@guigirl Your family?

[Dancer18]

@luetage I have a question concerning changing font colors of the "Theme machines".

When I chose a dark version, ie. "Dracula", the font is black and nearly unreadable:

However - the settings don't provide changing of font color although there is a list of 7 color-settings:

How can I change the font color?

[luetage]

@Dancer18 Vordergrund ändern. Oh, you mean the black text, that’s simply a bug introduced by a Vivaldi update, you will need to inspect the element with devtools and use CSS to change it. You can input your changes in the Modifikationen tab.

[Dancer18]

@luetage It doesn't work. I insert

body {
  color: var(--colorFg) !important;
}

that is working while in dev tools inspect, but not live.

Without changing user.css it is

body {
  color: black;
}

that is obviously wrong as you mentioned. But why doesn't the correction fix it?

[luetage]

@Dancer18 Because that’s no correction, the body color is already set by the mod. You gotta inspect the specific element in question.

[Dancer18]

@luetage Sorry I don't understand. If I inspect one of the elements (there are more than 1 element that need to be changed) I see highlighted

id="body" 

If I take the actual color #f8f8f2 it would be OK for that theme but not for others, that's why there is

var(--colorFg) !important;

instead of

color: #f8f8f2  !important;

the culprit is

body {
  color: black;
}

[ch3f]

How can I make the page full width?
Right now I have a lot of left and right padding

Andy

[luetage]

@ch3f You would need to write custom CSS for it. In Vivaldi the main content has a maximum width to keep posts easily readable. The longer lines are, the more likely it is to get lost while reading. Of course that has the downside of leaving unused space, especially on wide screens and high resolution.

[A Former User]

@ch3f

/* just the main content */
#content,
/* or more generic */
.container {
  width: unset;
  margin-left: 30px;
  margin-right: 30px;
}
#vivaldi-header .row {
  width: 100%;
}

[A Former User]

@guigirl I had it for some time already

[ch3f]

@luetage AWESOME! Thank you!

Is it possible to change the alignment of the Categories, Unread etc?

nvm..got it done.