X
Нажмите здесь, чтобы перейти на мобильную версию сайта.

Форум поддержки

Bookmark sidebar is only showing up in the console window. How to restore original view?

Размещено

The sidebar bookmark only displays on the console window. I want it to be showing on the normal browsing window instead. is something corrupted or has some settings been changed? Please help. Thank you!!

The sidebar bookmark only displays on the console window. I want it to be showing on the normal browsing window instead. is something corrupted or has some settings been changed? Please help. Thank you!!
Приложенные скриншоты

Выбранное решение

It is you need to add a z-index rule to #sidebar-box. I think z-index defaults to 0 and thus the sidebar is hidden.

I've edited your above code and with the changes it now should work properly.

Прочитайте этот ответ в контексте 2
Цитата

Дополнительные сведения о системе

Приложение

  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0

Дополнительная информация

crankygoat
  • Top 25 Contributor
40 решений 471 ответов
Размещено

That is... super weird. Can you try Firefox's Safe Mode, or a new clean profile and see if the issue persists?

That is... super weird. Can you try Firefox's Safe Mode, or a new clean profile and see if the issue persists?
Помогла ли вам это?
Цитата
Размещено

Задавший вопрос

I tried to use safe mode and the sidebar appeared. On a hunch, I thought it might be related to the userChrome.css that I was using so I moved that file out and restarted Firefox normally and it appeared. I've been using this css for quite a while now without issues but now this issue appeared. I'm using it to auto hide/show the sidebar. Could you have a look at it and tell me what could be the issue? Thank you!

========================================================
/Sidebar

/* #D1D1D1 = light grey */
/* #474749 = dark grey */
/* #323234 = very dark grey */


#sidebar,
#sidebar-header,
#bookmarksPanel,
#bookmarks-view,
#history-panel,
#historyTree,
#viewButton {
  background: #323234 !important;
  color: #D1D1D1 !important;
}

.sidebar-placesTreechildren::-moz-tree-cell(hover),
.sidebar-placesTreechildren::-moz-tree-row(selected),
.sidebar-placesTreechildren::-moz-tree-cell-text(hover),
.sidebar-placesTreechildren::-moz-tree-cell-text(selected),
#viewButton:hover {
 background: #323234 !important;
 color: #D1D1D1 !important;
}
   
/* Fix for remaining hovering borders */
.sidebar-placesTreechildren::-moz-tree-row {
 outline: none !important;
 border: none !important;
}

/* Hide white splitter (also appears on top right of scrollbar) *//*
#sidebar-splitter {
  opacity: 0 !important;
}
 
/* Add custom splitter between sidebar and content *//*
#sidebar,
#sidebar-header {
  -moz-border-end: 3px solid #474749 !important;
}

/* To right-align the sidebar, replace all occurrences of "left" with "right", and "margin-right" with "margin-left" */

*|*:root {
    --hover-width:    10px;
    --visible-width: 300px;
}

#sidebar-box {
    position:                            relative !important;
    overflow-x:                            hidden !important;
    opacity:                                    0 !important;
    margin-right:   calc(var(--hover-width) * -1) !important;
    left:                      var(--hover-width) !important;
    min-width:                 var(--hover-width) !important;
    max-width:                 var(--hover-width) !important;
    z-index:                           2147483647 !important;

}

#sidebar-box:hover {
    margin-right: calc(var(--visible-width) * -1) !important;
    opacity:                                    1 !important;
    left:                    var(--visible-width) !important;
    min-width:               var(--visible-width) !important;
    max-width:               var(--visible-width) !important;
}

#sidebar {
    opacity: 0 !important;
}

#sidebar:hover {
    opacity: 1 !important;
}

/* #sidebar-header is hidden by default, change "none" to "inherit" to restore it. */

#sidebar-header {
    display: inherit !important;
}

/* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */

#sidebar-splitter {
}

#sidebar-header,#sidebar-search-container,#bookmarks-view-children,#historyTree {
color: #d0d0d0 !important;
background-color: #323234 !important;
-moz-appearance: none !important;
border-color: transparent !important;
}

#bookmarks-view
{
color: #d0d0d0 !important;
background-color: #474749 !important;
}
I tried to use safe mode and the sidebar appeared. On a hunch, I thought it might be related to the userChrome.css that I was using so I moved that file out and restarted Firefox normally and it appeared. I've been using this css for quite a while now without issues but now this issue appeared. I'm using it to auto hide/show the sidebar. Could you have a look at it and tell me what could be the issue? Thank you! <pre><nowiki> ======================================================== /Sidebar /* #D1D1D1 = light grey */ /* #474749 = dark grey */ /* #323234 = very dark grey */ #sidebar, #sidebar-header, #bookmarksPanel, #bookmarks-view, #history-panel, #historyTree, #viewButton { background: #323234 !important; color: #D1D1D1 !important; } .sidebar-placesTreechildren::-moz-tree-cell(hover), .sidebar-placesTreechildren::-moz-tree-row(selected), .sidebar-placesTreechildren::-moz-tree-cell-text(hover), .sidebar-placesTreechildren::-moz-tree-cell-text(selected), #viewButton:hover { background: #323234 !important; color: #D1D1D1 !important; } /* Fix for remaining hovering borders */ .sidebar-placesTreechildren::-moz-tree-row { outline: none !important; border: none !important; } /* Hide white splitter (also appears on top right of scrollbar) *//* #sidebar-splitter { opacity: 0 !important; } /* Add custom splitter between sidebar and content *//* #sidebar, #sidebar-header { -moz-border-end: 3px solid #474749 !important; } /* To right-align the sidebar, replace all occurrences of "left" with "right", and "margin-right" with "margin-left" */ *|*:root { --hover-width: 10px; --visible-width: 300px; } #sidebar-box { position: relative !important; overflow-x: hidden !important; opacity: 0 !important; margin-right: calc(var(--hover-width) * -1) !important; left: var(--hover-width) !important; min-width: var(--hover-width) !important; max-width: var(--hover-width) !important; z-index: 2147483647 !important; } #sidebar-box:hover { margin-right: calc(var(--visible-width) * -1) !important; opacity: 1 !important; left: var(--visible-width) !important; min-width: var(--visible-width) !important; max-width: var(--visible-width) !important; } #sidebar { opacity: 0 !important; } #sidebar:hover { opacity: 1 !important; } /* #sidebar-header is hidden by default, change "none" to "inherit" to restore it. */ #sidebar-header { display: inherit !important; } /* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */ #sidebar-splitter { } #sidebar-header,#sidebar-search-container,#bookmarks-view-children,#historyTree { color: #d0d0d0 !important; background-color: #323234 !important; -moz-appearance: none !important; border-color: transparent !important; } #bookmarks-view { color: #d0d0d0 !important; background-color: #474749 !important; }</nowiki></pre>

Изменено cor-el

Помогла ли вам это?
Цитата
cor-el
  • Top 10 Contributor
  • Moderator
17777 решений 160821 ответов
Размещено

Выбранное решение

It is you need to add a z-index rule to #sidebar-box. I think z-index defaults to 0 and thus the sidebar is hidden.

I've edited your above code and with the changes it now should work properly.

It is you need to add a z-index rule to #sidebar-box. I think z-index defaults to 0 and thus the sidebar is hidden. I've edited your above code and with the changes it now should work properly.
Помогла ли вам это? 2
Цитата
Размещено

Задавший вопрос

cor-el said

It is you need to add a z-index rule to #sidebar-box. I think z-index defaults to 0 and thus the sidebar is hidden. I've edited your above code and with the changes it now should work properly.

Thank you so much cor-el! It is working fine now.

''cor-el [[#answer-1280412|said]]'' <blockquote> It is you need to add a z-index rule to #sidebar-box. I think z-index defaults to 0 and thus the sidebar is hidden. I've edited your above code and with the changes it now should work properly. </blockquote> Thank you so much cor-el! It is working fine now.
Помогла ли вам это?
Цитата
McCoy
  • Top 10 Contributor
590 решений 5647 ответов
Размещено

Полезный ответ

@ Edtham :

Next time you post on a support forum, please use a different avatar;
the avatar you're using here is offensive to women (like me).

@ Edtham : Next time you post on a support forum, please use a different avatar; <BR>the avatar you're using here is offensive to women (like me).
Помогла ли вам это? 1
Цитата
Задать вопрос

Для ответа на сообщения вы должны войти в свою учётную запись. Пожалуйста, задайте новый вопрос, если у вас ещё нет учётной записи.