A fix for the new Tumblr dashboard! If you don't want the sticky header you can remove the labelled script at the top of the css below /* Sticky Header*/
Old Tumblr Dashboard (Userstyle) by Pixiel
Details
AuthorPixiel
LicenseNo License
Categoryhttps://www.tumblr.com/
Created
Updated
Size54 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Original post with Updates, Bugfixes & Known issues/Unfixable issues (as well as some tips on how to fix some cosmetic issues caused by monitor size) here on my Tumblr! https://www.tumblr.com/pixiel/723402150351437824/anyway-i-created-a-stylish-stylus-that
Feel free to support me on ko-fi.com/pixiel as I update this userstyle
Updates (for more frequent updates check the Tumblr post):
v11.0: Temporary Chat feature fix after Tumblr broke it, fixed some positioning issues and j/k scrolling!
V10.3: Patio compatibility. Added a way to hide the Patio button & "patio feedback?" button, just search for patio in the code and follow the instructions!
v9.6: Moved the Following | For you | Your Tags to below the create a post panel. Fixed the Accounts Menu! + Bugfixes
v9.3: Changed a few things with the search feature, I also made the posts less round.
v8.0: Fixed masonry view icons, hidden the reblog icon on dashboard icons, fixed icons in blog viewport, Fixed issue with icons not working on soft-refresh & with endless scrolling disabled - be sure to complain to staff!
v7.0: Fixed the search bar for tumblrs new collections feature, so it looks like the original search bar!
V.6 - Figured out how to reorganise the icons in the header. This may cause some new issues! Let me know if you have any problems with it and make sure to update your Userstyle. Some icons are hidden with Display: Block; you can hide more icons with this method but be aware it may break other features!
V.5 (1~3 August) - Fixed some issues with masonry view, moved userstyle to new document. Fixed Xkit's text update! Minor bugfixes.
V.5 cont. (Aug 3) - Added a new guide to make moving the Settings and Accounts buttons easier if you remove icons with Ublock.
V.4 (23/07 2:25AM UK time) - Possibly solved the menus not closing when you click away - this may add some bugs, message me with any problems! Also moved the /Sticky Header/ option to the top so it's easier to find and remove!
V.3 (21/07 23:23 UK Time) - Updated the Menus so they look more closely to the old menus, fixed some smaller bugs
V.2 - Fixed how the settings & user menu looks, it pops up when you visit some pages and needs to be manually closed. Will see if I can figure out how to make it close on its own another day.
V.1 - A few issues with the search bar when you remove the sticky header on wider monitors and the Settings menu pops up on some pages, but overall I'm happy with it
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Old Tumblr Dashboard (Userstyle)
@namespace github.com/openstyles/stylus
@version 15.1
@description For Tumblr Update 2023
@author Pixiel
==/UserStyle== */
@-moz-document url-prefix("https://www.tumblr.com/") {
/*No Go ad-free today button*/
.HOjIH {
display: none;
}
/*No premium button*/
.ACnga > .gLEjz > .yVZYV > .YjoFC > .YjoFC {
Display: none
}
/*premium perks button*/
.ACnga > .gLEjz:has(.yVZYV) {
display: block;
position: fixed;
top: 93%
}
/*Mini premium perks button*/
.qrljl {
display: none !important
}
.VVqTC {
padding: 8px 10px;
}
#base-container > div.D5eCV > div > div._3xgk.ZN00W > div > div.e1knl > aside > .FZkjV:has(.Qihwb), #base-container > div.D5eCV > div > div._3xgk.ZN00W > div > div.e1knl > aside > div:nth-child(3):has(.Qihwb) {
display: none
}
@media (min-width: 990px) {
/* If you wish to remove the sticky header and have it stay in place,
remove all the text between this and ''Sticky header End''
you will need to redo this any time you update the style!
Unfortunately a fixed header is a bit buggy so remove at your own risk!*/
/*Sticky Header*/
.ZkG01 .h_Erh {
z-index: 99 !important;
position: fixed !important;
}
@media (min-width: 1161.3px) {
/*Moves the search bar - Fullscreen + Sticky*/
.N5wJr,
.zmjaW {
position: fixed !important;
left: 125px !important;
top: -5px !important;
z-index: 99 !important;
width: 415px !important;
}
.N5wJr.npgoI {
position: fixed !important;
left: 133px !important;
top: 9px !important;
z-index: 99 !important;
width: 399px !important;
}
.N5wJr.X7vaQ {
left: 133px !important;
top: 9px !important;
width: 399px !important;
}
.G6PED {
position: fixed !important;
top: 8px !important;
z-index: 99;
left: 133px !important;
width: 415px;
}
}
@media (max-width: 1161.3px) {
/*Moves the search bar - Smallscreen + Sticky*/
.N5wJr,
.zmjaW {
position: fixed !important;
left: 45px !important;
top: -5px !important;
z-index: 99 !important;
width: 280px !important;
}
.N5wJr.npgoI {
position: fixed !important;
left: 53px !important;
top: 9px !important;
z-index: 99 !important;
width: 280px !important;
}
.N5wJr.X7vaQ {
left: 54px !important;
top: 9px !important;
}
.G6PED {
position: fixed !important;
top: 8px !important;
z-index: 99;
left: 53px !important
}
}
.X7vaQ {
margin-top: 0px;
padding-top: 14px;
padding-left: 8px;
padding-right: 8px;
}
.FtjPK .AD_w7 .JZ10N.y0ud2 {
top: calc(55px + var(--dashboard-tabs-header-height, 0px))!important;
}
.N5wJr.QI77K {
top: 9px !important;
left: 133px !important;
width: 399px !important;
}
/*Sticky Header End*/
@media (max-width: 1161.3px) {
/*Reorders the Icons in the header*/
/*COMMUNITIES UPDATE - REMOVE /* (around order) IF USING COMMUNITIES PAGES*/
/*Communities*/
.gM9qK > span.ZQMrc:nth-of-type(1) {
/*order: 3 !important;*/
}
/*Activity*/
.gM9qK > span.ZQMrc:nth-of-type(2) {
/*order: 8 !important;*/
}
/*Chat*/
.gM9qK > span.ZQMrc:nth-of-type(3) {
/*order:7 !important;*/
}
/*Accounts*/
.gM9qK > span.ZQMrc:nth-of-type(4) {
/*order: 15 !important;*/
}
/*shop*/
.gM9qK > span.ZQMrc:nth-of-type(5) {
/*order: 5 !important; */
}
}
/*Accounts*/
ul li.IYrO9, ul li.g8SYn {
order: 13;
}
@media (max-width: 1161.3px) {
/*Accounts*/
.gM9qK > span.ZQMrc:nth-of-type(3) {
order: 13;
}
}
/*Home*/
/*old*/
ul li.g8SYn[title="Home"],
ul li.g8SYn[title="Welcome"],
ul li.g8SYn[title="ホーム"],
ul li.g8SYn[title="Pano"],
ul li.g8SYn[title="Inicio"],
ul li.g8SYn[title="Главная"],
ul li.g8SYn[title="Strona główna"],
ul li.g8SYn[title="Início"],
ul li.g8SYn[title="홈"],
ul li.g8SYn[title="主页"],
ul li.g8SYn[title="首頁"],
ul li.g8SYn[title="主頁"],
ul li.g8SYn[title="Beranda"],
ul li.g8SYn[title="होम"],
ul li.g8SYn[title="Accueil"],
/*new*/
ul li.IYrO9[title="Home"],
ul li.IYrO9[title="Welcome"],
ul li.IYrO9[title="ホーム"],
ul li.IYrO9[title="Pano"],
ul li.IYrO9[title="Inicio"],
ul li.IYrO9[title="Главная"],
ul li.IYrO9[title="Strona główna"],
ul li.IYrO9[title="Início"],
ul li.IYrO9[title="홈"],
ul li.IYrO9[title="主页"],
ul li.IYrO9[title="首頁"],
ul li.IYrO9[title="主頁"],
ul li.IYrO9[title="Beranda"],
ul li.IYrO9[title="होम"],
ul li.IYrO9[title="Accueil"] {
order: 1;
}
/*Explore*/
ul li.g8SYn[title="Explore"],
ul li.g8SYn[title="Entdecken"],
ul li.g8SYn[title="Esplora"],
ul li.g8SYn[title="探索"],
ul li.g8SYn[title="Keşfet"],
ul li.g8SYn[title="Explorar"],
ul li.g8SYn[title="Обзор"],
ul li.g8SYn[title="Odkrywaj"],
ul li.g8SYn[title="Verkennen"],
ul li.g8SYn[title="둘러보기"],
ul li.g8SYn[title="发现"],
ul li.g8SYn[title="Jelajah"],
ul li.g8SYn[title="एक्सप्लोर करें"],
ul li.g8SYn[title="Explorer"],
/*new*/
ul li.IYrO9[title="Explore"],
ul li.IYrO9[title="Entdecken"],
ul li.IYrO9[title="Esplora"],
ul li.IYrO9[title="探索"],
ul li.IYrO9[title="Keşfet"],
ul li.IYrO9[title="Explorar"],
ul li.IYrO9[title="Обзор"],
ul li.IYrO9[title="Odkrywaj"],
ul li.IYrO9[title="Verkennen"],
ul li.IYrO9[title="둘러보기"],
ul li.IYrO9[title="发现"],
ul li.IYrO9[title="Jelajah"],
ul li.IYrO9[title="एक्सप्लोर करें"],
ul li.IYrO9[title="Explorer"]{
order: 2;
}
/*Patio*/
ul li.g8SYn[title="Patio"], ul li.IYrO9[title="Patio"] {
order: 3;
}
.G16Pk {
Display: none;
}
/*If you want to hide the patio button,
remove the " /* " around display: none; */
ul li.IYrO9[title="Patio"],
.KTRcB:has(.B1L2M[aria-label="Patio"]), ul li.g8SYn[title="Patio"],
.KTRcB:has(.B1L2M[aria-label="Patio"]) {
/*display: none;*/
}
/*If you want to hide the "patio feedback?" button,
remove the " /* " around display: none; */
.sebgd {
/*display: none;*/
}
/*Communities*/
ul li.g8SYn[title="Communities"],
ul li.g8SYn[title="Communitys"],
ul li.g8SYn[title="Communautés"],
ul li.g8SYn[title="Community"],
ul li.g8SYn[title="コミュニティ"],
ul li.g8SYn[title="Topluluklar"],
ul li.g8SYn[title="Comunidades"],
ul li.g8SYn[title="Сообщества"],
ul li.g8SYn[title="Społeczności"],
ul li.g8SYn[title="Community's"],
ul li.g8SYn[title="커뮤니티"],
ul li.g8SYn[title="社区"],
ul li.g8SYn[title="社群"],
ul li.g8SYn[title="समुदाय"],
ul li.g8SYn[title="Komunitas"],
/*new*/
ul li.IYrO9[title="Communities"],
ul li.IYrO9[title="Communitys"],
ul li.IYrO9[title="Communautés"],
ul li.IYrO9[title="Community"],
ul li.IYrO9[title="コミュニティ"],
ul li.IYrO9[title="Topluluklar"],
ul li.IYrO9[title="Comunidades"],
ul li.IYrO9[title="Сообщества"],
ul li.IYrO9[title="Społeczności"],
ul li.IYrO9[title="Community's"],
ul li.IYrO9[title="커뮤니티"],
ul li.IYrO9[title="社区"],
ul li.IYrO9[title="社群"],
ul li.IYrO9[title="समुदाय"],
ul li.IYrO9[title="Komunitas"]{
order: 4;
Display: block
}
/*If you've hidden any other icons to the right of Communities
OR don't have xkit choose one below and remove the " /* " around it */
/*Hidden 1 icon OR no New Xkit button*/
/* #community_button.TRX6J.UyyJb[aria-expanded="true"] > .EvhBA.tDT48 {
right: 383px !important; }
#community_subnav {
right: 390px !important;
}
*/
/*Hidden 2 icons*/
/* #community_button.TRX6J.UyyJb[aria-expanded="true"] > .EvhBA.tDT48 {
right: 330px !important; }
#community_subnav {
right: 290px !important;
}
*/
/*Hidden 3 icons*/
/* #community_button.TRX6J.UyyJb[aria-expanded="true"] > .EvhBA.tDT48 {
right: 276px !important; }
#community_subnav {
right: 240px !important;
}
*/
/*Shop*/
@media (min-width: 1161.4px) {
.gM9qK > span.ZQMrc:nth-of-type(3) {
order: 5;
...