Vivaldi Forum mod

[luetage]

@legobuilder26 Yeah, there’s more involved fixes in the background. Be patient.

[luetage]

@legobuilder26 It’s ok, it’s just that I’m obviously not using custom CSS to do this and the forum update broke code spread out over 4 files and introduced general bugs that I reported. E.g. try to open a header dropdown menu on a narrow window, or check out the spinning icon going into orbit when the chat dropdown notifications load. Well, the last one is actually kinda funny.

[hlehyaric]

@luetage said in Vivaldi Forum mod:

Well, the last one is actually kinda funny.

Yes, indeed it is.

[luetage]

@hlehyaric Ok, let’s not report it ️

[guigirl]

@luetage said in Vivaldi Forum mod:

4.2 in some days.

Oh. no. not. again.

[luetage]

@guigirl I’m almost tempted to jump to version 42 directly to get this over with.

Could someone send me a message please (no content required)? I’m fixing notification icons.

[A Former User]

@luetage hi

[guigirl]

@juanvase Message = PM, i suspect.

[hlehyaric]

@luetage Done.

[guigirl]

@guigirl said in Vivaldi Forum mod:

Message = PM

https://www.youtube.com/watch?v=P75lkpL7aGk

[isak]

@luetage said in Vivaldi Forum mod:

@hlehyaric Ok, let’s not report it ️

[guigirl]

Oh no! Someone official has discovered [one of] our top-secret haunts Quick, everyone... hide!

[luetage]

@isak Oh no, you already fixed it. No more orbiting : / 🪐 [space sadness]

[nomadic]

Can someone reply to this thread and send me a forum message?

[luetage]

@nomadic check

[dude99]

Alternate take on autohide Header (CSS mod), it hide everything except the V logo & notification section when you scroll down the page, mouseover the remaining section to reveal the whole header. You should disabled the extension autohide header mod for this to work properly:

#header-menu {
     z-index: 1002;
}
 main#panel:has(#submenu.isfixed) #header-menu:not(:focus-within):not(:hover) {
     visibility: hidden;
     opacity: .2;
     transition: visibility .2s, opacity .2s !important;
}
 main#panel:has(#submenu.isfixed:hover) #header-menu {
    visibility: visible !important;
     opacity: 1 !important;
}
 #header-menu:not(:focus-within):not(:hover) + #submenu.isfixed:not(:focus-within):not(:hover) {
    visibility: hidden;
     opacity: 0;
     transition: visibility .2s, opacity .2s;
}
 #vlogo, #vivaldilogin, #panel:has(#vivaldi-header:is(:focus-within, :hover)) #submenu.isfixed {
     visibility: visible;
}

NOTE: Pls enable chrome://flags/#enable-experimental-web-platform-features for this code to work properly.

[dude99]

Alert loop animation for notification CSS mod:

#notif_dropdown .unread-count[data-content]:not([data-content=""]):not([data-content="0"]):after {
  animation: alert 3s steps(4) 0s both infinite;
}
@keyframes alert {
  0%,
  10% {
    transform: none;
  }
  5% {
    transform: scale(2) translateY(8px);
  }
}

---

Ergonomic post composer, make it wider & auto shrink on mouseout, & bring the hide/show button to center:

/* Composer */
@media (min-width: 1199px) {
  html.composing .composer {
    left: 2%;
    width: 96%;
  }
}

.composer {
  background: inherit;
}
.taskbar[data-active="1"] {
  z-index: 99999;
  max-width: fit-content;
  left: calc(50% - 25px);
}
#emote-picker {
  z-index: 1050;
}
#body > .composer.resizable:not(.maximized) {
  transition: top 0.3s ease-out 0.2s;
}
#body > .composer.resizable:not(.maximized):hover {
  top: 6.5% !important;
  transition: 0.3s ease-out 0.2s;
}

.composer .title-container .title:not(:focus-within) {
  background: rgba(250, 250, 250, 0.6) !important;
}
.write,
.preview {
  background: linear-gradient(rgba(70 0 0 / 7%), transparent) !important;
}
.category > ul > li:not(.unread) h2 a {
  opacity: 0.7;
}

EDIT 2: change .taskbar z-index to 99999 to float on top of .composer.

EDIT: updated the z-index of composer related element to fix header overlay problem.

[dude99]

I think this extension have broke the new updated header a bit when the page is on the top... The 2nd row of the header (after the v logo & notification) is missing.

[luetage]

@dude99 That’s on purpose. The first and second row are combined into one. The forum mod broke with the most recent forum update 2 days ago. A fix is on the way.

[dude99]

@luetage OK. now I noticed it's more compact than the default thicc header... LOL