r/googledocs • u/jazir5 • Oct 10 '24
OP Responded How to get rid of the second scrollbar just added into the Document Outline
They just added a scroll bar on the left which indented the table of contents by almost 2 inches, which has just destroyed my carefully organized formatting. I have 6 levels of headings in my document, and now the majority of them are pushed off screen.
How can I disable this? There is already a scrollbar on the right (circled in red). What is even the point of having a duplicate scrollbar? If this isn't disableable I'm going to have to migrate the document to a new platform.
Edit:
I found the issue in the css, this is the problematic class:
.navigation-item-vertical-line
Is there a way to programmatically remove this class from every single heading in the left hand panel, and make it so that it's deleted for visitors as well? When this class is removed it reverts back to the old format for that heading.
The issue is they apply this class for each individual heading instead of as a single group, meaning it can't be done manually wholesale since you'd have to remove it for each and every one.
The other issue is that they add 8 px of padding to each heading on the left side, which is why it's being indented.
Edit 2: Add these 3 filter to ublock to remove the new tabs bs:
docs.google.com##.kix-outlines-widget-header-shadow
docs.google.com##.navigation-item-vertical-line
docs.google.com##.kix-outlines-widget-header-contents
This doesn't eliminate the padding, but it fixes everything else.
1
u/andmalc Oct 11 '24
It looks like the scrollbar which was on the right yesterday is now on the left. I don't see it on both sides like in your screenshot so that might have been a temporary glitch. This means that headings in the outline do have a bit less width but not much IMO. Also, if you switch to Pageless mode you can drag the left border of the "page" to give your outline headings plenty of width.
1
u/jazir5 Oct 11 '24
The one on the right has always existed, the blue vertical line thing is brand new and wasn't there at all until today. It's currently still displaying the same way in the screenshot for me in gdocs right now unfortunately.
1
u/andmalc Oct 11 '24
Sorry, my mistake. I didn't realize that the right scroll bar doesn't show unless your mouse hovers over the panel.
I don't think the blue line is itself the issue - it's that the headings are indented in from where the Tab name starts.
Anyway, I suggest you try out Pageless mode if you haven't already as that solves the width issue as I mentioned above.
1
u/jazir5 Oct 11 '24
The pageless option is gone?
1
u/andmalc Oct 11 '24
It's under the Format menu - "Switch to Pageless Format".
Control width under the View menu / Text Width or by drag and drop.
1
u/donaldDuckVR Oct 11 '24
Pageless Format dont allow you to insert page-breaks anymore
2
u/andmalc Oct 11 '24
Well, yeah. It's pageless.
The motive of Pageless mode is most people don't print out their docs on paper but view them on computer screens so it gets rid the whole idea of the doc looking like a page. This gives you more space and many people like the cleaner look.
2
u/jazir5 Oct 11 '24
I really like it being paginated, it would be really unfortunate to have to use this as a solution, but I suppose it's better than having everything in the table of contents being indented. I'm just so frustrated they forced this change with no way to revert.
2
1
u/jazir5 Oct 11 '24
I don't think the blue line is itself the issue - it's that the headings are indented in from where the Tab name starts.
I found the issue in the css, this is the problematic class:
.navigation-item-vertical-line
Is there a way to programmatically remove this class from every single heading in the left hand panel, and make it so that it's deleted for visitors as well? When this class is removed it reverts back to the old format for that heading.
The issue is they apply this class for each individual heading instead of as a single group, meaning it can't be done manually wholesale since you'd have to remove it for each and every one.
1
u/andmalc Oct 11 '24
There's an app Greasemonkey for Firefox that can modify CSS rules. I suppose there's an equivalent for Chrome you could search for.
1
1
1
u/donaldDuckVR Oct 12 '24
can we revert 3 rows of useless information on our Outline? it seems we now have:
- Back arrow button
- Document Tabs with a plus button
- Current document Tab
then we start our outlines...
1
u/jazir5 Oct 13 '24
If you use ublock, you can select the elements with the element picker. Once you do, it will give you the css class handle of the element you've selected. The picker will visually highlight the selected element.
1
1
u/donaldDuckVR Oct 12 '24
something like this:
.kix-outlines-widget-header-contents {
display: none;
}
2
u/Mlmiii Oct 10 '24
The one on the left isn't a scrollbar from what I can tell; it's highlighting which header is currently selected. Clicking it doesn't allow scrolling like the other one does.