How to move the sidebar of tcr to right

[ayamir]

Describe the solution you'd like
A clear and concise description of what you want to happen.
move the sidebar of tcr to right.
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
No

[unseen-ninja]

To achieve this you need to open the sidebar, either with different content or with the TCR integration disabled, and move it to the right via the Sidebar-Header-Menu.

Tho doing this will probably render a portion of the CSS more or less useless and it would have to be rewritten to accomodate for the flipped direction of things.

[ayamir]

Yes, I have moved it to right via tcr's "Move Sidebar to Right".

But it return to left back after cascade and tcr applied.

[unseen-ninja]

Hmm; yeah.. that's what I meant with that some of the CSS may have to be rewritten.
By the look of it you'd need to tell it explicitally that the right position should be 0. Furthermore setting the margin to right on line 32 and 33 may also be necessary for the browser content window to be positioned correctly.

[ayamir]

Thanks for your help! Here is the code for others with the same requirement like me.

#TabsToolbar { display: none !important; }
#nav-bar { width: 100vw !important; }



#browser { position: relative; }
#sidebar-box[sidebarcommand*="tabcenter"] #sidebar-header { display: none; }

#sidebar-box[sidebarcommand*="tabcenter"]:not([hidden]) {

  display: block;

  position: absolute;
  top: 0; bottom: 0; right: 0;
  z-index: 1;

  min-width: 50px !important; max-width: 50px !important;

  border-right: none;

  transition: all 0.2s ease;

  overflow: hidden;

}

[sidebarcommand*="tabcenter"] #sidebar,
#sidebar-box[sidebarcommand*="tabcenter"]:hover { min-width: 10vw !important; width: 30vw !important; max-width: 250px !important; }

[sidebarcommand*="tabcenter"] #sidebar { height: 100%; max-height: 100%; }

#sidebar-box[sidebarcommand*="tabcenter"]:not([hidden]) ~ #appcontent { margin-right: 50px; }
#main-window[inFullscreen][inDOMFullscreen] #appcontent { margin-right: 0; }
/* Removes gap between active tab highlight and edge of bar */
#sidebar-box[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"] #sidebar-header, #sidebar-box[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"] ~ #sidebar-splitter {
    display: none;
}