Jump to content
Sign in to follow this  

(inw) Hide Sidebar1.0.0

Recommended Posts

(inw) Hide Sidebar

Теперь пользователи сами смогут скрыть/отобразить боковую панель!

В настройках есть возможность выбрать группы, которым это дозволено.

Проверенно на последнем Null-e от IAF


Меня css немного не устроил стандартный. Изменил немного положение и размеры. Открываем в стиле hidesidebar.css и заменяем всё на:


.toggle-sidebar {
    z-index: 5; 
    transition: opacity 0.3s ease-in-out 0s;
    margin-top: 10px;
    position: absolute;
    right: -15px;
    float: right;
    background: rgba(255, 255, 255, 0.22);
    font-size: 13px;
    padding: 6px;
.toggle-sidebar:hover {background:#fff}
.toggle-sidebar:hover, .toggle-sidebar:active {opacity:1;}
.toggle-sidebar .show-sb {display:none;}
.sidebar-user-hidden #ipsLayout_mainArea, .sidebar-user-hidden #ipsLayout_mainArea2 {max-width:100%;}
.sidebar-user-hidden #ipsLayout_sidebar, .sidebar-user-hidden #ipsLayout_sidebar2 {display:none !important;}
.sidebar-user-hidden .toggle-sidebar .hide-sb{display:none;}
.sidebar-user-hidden .toggle-sidebar .show-sb{display:block;}
.with-sidebar .toggle-sidebar{display:block;}
body:not(.sidebar-user-hidden) .toggle-sidebar{background: rgba(255, 255, 255, 0.22); font-size: 13px; padding: 6px;}
.with-sidebar .toggle-sidebar svg{float:right;}
body:not(.sidebar-user-hidden) .toggle-sidebar:hover {background:#fff}
@media screen and (max-width: 1390px) {.toggle-sidebar {right: 0px;top:-10px;    background: rgba(159, 159, 159, 0.22) !important;}}





  • Добавил
  • Добавлено
  • Категория
  • Язык
    Язык: Английский

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.