mulcahey

2y ago

How to use disappearing sidebar with pinned tabs?

Here's the one I used:

     
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_sidebar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Show sidebar only when the cursor is over it  */
/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */

#sidebar-box {
  --uc-sidebar-width: 60px;
  --uc-sidebar-hover-width: 210px;
  --uc-autohide-sidebar-delay: 100ms; /* Wait 0.6s before hiding sidebar */
  position: relative;
  min-width: var(--uc-sidebar-width) !important;
  width: var(--uc-sidebar-width) !important;
  max-width: var(--uc-sidebar-width) !important;
  z-index: 1;
  background-color: #110a0d !important;
}

#sidebar-box[positionend] {
  direction: rtl;
}
#sidebar-box[positionend] > * {
  direction: ltr;
}

#sidebar-box[positionend]:-moz-locale-dir(rtl) {
  direction: ltr;
}
#sidebar-box[positionend]:-moz-locale-dir(rtl) > * {
  direction: rtl;
}

#main-window[sizemode="fullscreen"] #sidebar-box {
  --uc-sidebar-width: 1px;
}

#sidebar-splitter {
  display: none;
}

#sidebar-header {
  overflow: hidden;
  /* color: var(--chrome-color, inherit) !important; */
  padding-inline: 0 !important;
}

#sidebar-header::before,
#sidebar-header::after {
  content: "";
  display: flex;
  padding-left: 8px;
}

#sidebar-header,
#sidebar {
  transition: min-width 115ms linear var(--uc-autohide-sidebar-delay) !important;
  min-width: var(--uc-sidebar-width) !important;
  will-change: min-width;
}
#sidebar-box:hover > #sidebar-header,
#sidebar-box:hover > #sidebar {
  min-width: var(--uc-sidebar-hover-width) !important;
  transition-delay: 0ms !important;
}

.sidebar-panel {
  /* background-color: transparent !important; */
  /* color: var(--newtab-text-primary-color) !important; */
}

.sidebar-panel #search-box {
  -moz-appearance: none !important;
  /* background-color: rgba(249, 249, 250, 0.1) !important; */
  color: inherit !important;
}

/* Add sidebar divider and give it background */

#sidebar,
#sidebar-header {
  background-color: inherit !important;
  border-inline: 1px solid rgb(80, 80, 80);
  border-inline-width: 0px 1px;
}

#sidebar-box:not([positionend]) > :-moz-locale-dir(rtl),
#sidebar-box[positionend] > * {
  border-inline-width: 1px 0px;
}

/* Move statuspanel to the other side when sidebar is hovered so it doesn't get covered by sidebar */

#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel {
  inset-inline: auto 0px !important;
}
#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel-label {
  margin-inline: 0px !important;
  border-left-style: solid !important;
}`___`

2y ago

How to use disappearing sidebar with pinned tabs?

Jump

Never mind, I fixed it! For anyone who wants to do the same: Inside the Tree Style Tab / All Configs menu, I had to uncheck "FaviconizePinned Tabs".

Now all my pinned tabs are stacked on top of each other. Not quite what I was going for, but acceptable.

2y ago

Jesse is smarter than what we give him credit for.

Jump

Are there any examples? I'm really interested in what other companies use the 13 month calendar.

I understand that businesses sometimes use a different calendar from the normal, but I think you're describing the fiscal year, which is still a 12-month calendar. I don't think there are any other companies that use a 13 month calendar.

2y ago

Jesse is smarter than what we give him credit for.

Jump

Do other businesses besides Kodak use this calendar? Kodak is the only one named in that linked Wikipedia article

2y ago

Jesse is smarter than what we give him credit for.

Jump

Fun fact: this calendar exists and was in use by Eastman Kodak for most of its existence:

International Fixed Calendar

2y ago

Why Bluesky over sth like Activitypub?

Jump

Wow, that's crazy! Hey, would you mind linking to a comment where someone says "Gas the Jews?" I can't seem to find one.

Also, if you have time, can you link to an explainer for "trans ideology?" Is that like Caitlin Jenner (pro-Trump, anti-speed limit)? Or something else?

2y ago

Why Bluesky over sth like Activitypub?

Jump

Hey just out of curiosity, can you give us one of these "wrong opinions"?

2y ago

Read-it-later apps that support page-turning?

Jump

Lol yes, 2 days ago

2y ago

Read-it-later apps that support page-turning?

Jump

Yep, they sent me the same thing

2y ago

FOSS alternative to Pocket?

Jump

Does Omnivore support page turning?

I use Pocket on an e-ink tablet, so page-turning is preferable to scrolling. But Pocket got rid of page-turning in its recent update, so I'm on the hunt for a replacement.

Wallabag has a similar function (tap-to-scroll) but I don't like their fonts.

2y ago

Permanently Deleted

Jump

Thank you. As someone who is very interested in Linux, and someone who has proselytized my tech choices in the past ("Everyone should use Signal"), one of my big fears about switching to Linux is that I'll never shut up about it, and I'll bore my friends.

Thank you for showing me that there is another way

2y ago

The vanishing of the small high-end smartphone

Jump

Anyone who wants to keep this convo going, check out !compactphones@lemmy.world

2y ago

Too much trouble

Jump

I'm glad Risa is here for us when we need it!

2y ago

Bandcamp... What now?

Jump

Not sure why you're getting downvoted, because you're making a ton of sense. It's not about Tim Pool, who is a dumb incel POS. It's about the HUGE dangers of giving a company unilateral power to ban someone based solely on speech.

What if Bandcamp's new owners are more like Facebook? They could ban work that promotes women's rights and abortion access, which is exactly what Facebook has done.