показывать только при наведении "свернуть" "показать в окне" "закрыть"

atnet2233 · №1

Можно ли скрыть и показывать только при наведении в верхнем правом углу браузера кнопки "свернуть браузер" "показать в окне" "закрыть браузер" ? или перенести эти кнопки в другой блок
скриншот: https://ibb.co/3spnTg6

Хочу, чтобы в блоке со вкладками было максимально много места, желаетельно на всю ширину.

Сейчас пользуюсь данным кодом userchorme.css, но он только совсем на немного освобождает место:

Выделить код

Код:

/* #PlacesToolbarItems > .bookmark-item {max-width: 100px !important;} 
/* #PlacesToolbarItems > .bookmark-item:hover {max-width: 300px !important;} */



#customizableui-special-spring1{max-width:20px !important;}
*/

#urlbar,
.searchbar-textbox {
  margin: 1px !important;
  min-height: 0px !important;
  height: 24px !important;
}

#nav-bar {
    height: 32px !important;
	padding-left:3px !important;
}

toolbarbutton,
#toolbar-menubar{
    margin: 2px !important;
    padding: 0 2px !important;
}


toolbarbutton#back-button{
height:18px !important; 
margin-top:2px !important; margin-bottom:2px !important;
}


toolbarbutton,
#toolbar-menubar{
    margin: 0 !important;
    padding: 0 2px !important;
}

Отредактировано atnet2233 (11-10-2020 07:27:01)

Vitaliy V. · №2

atnet2233
да можно так сделать

скрытый текст

Выделить код

Код:

#TabsToolbar .titlebar-spacer[type="post-tabs"] {
    display: none !important;
}
.titlebar-buttonbox-container {
    min-width: 16px !important;
}
.titlebar-buttonbox-container > .titlebar-buttonbox {
    visibility: collapse !important;
}
.titlebar-buttonbox-container:hover > .titlebar-buttonbox {
    visibility: visible !important;
}

сработает не везде, может понадобится дополнительно стиль https://forum.mozilla-russia.org/viewto … 72#p765572

atnet2233 · №3

Vitaliy V. пишет

atnet2233
да можно так сделать
скрытый текст
Выделить код
Код:
#TabsToolbar .titlebar-spacer[type="post-tabs"] {
    display: none !important;
}
.titlebar-buttonbox-container {
    min-width: 16px !important;
}
.titlebar-buttonbox-container > .titlebar-buttonbox {
    visibility: collapse !important;
}
.titlebar-buttonbox-container:hover > .titlebar-buttonbox {
    visibility: visible !important;
}
сработает не везде, может понадобится дополнительно стиль https://forum.mozilla-russia.org/viewto … 72#p765572

Спасибо большое) скрытие работает, но при наведении не повляются кнопки "свернуть браузер" "показать в окне" "закрыть браузер". Но это даже лучше. к своему коду (который прикреплял выше) я просто добавил код ниже, теперь мне нужно сделать интервал между вкладками и кнопками "свернуть браузер" "показать в окне" "закрыть браузер" немного побольше, потому что так я мискликаю : https://ibb.co/thvK5zJ . К сожалению не знаю как это сделать

Выделить код

Код:

#TabsToolbar .titlebar-spacer[type="post-tabs"] {
    display: none !important;
}

Отредактировано atnet2233 (12-10-2020 04:17:18)

Vitaliy V. · №4

atnet2233 пишет

но при наведении не повляются кнопки

скорей всего вы не поняли, кнопки должны появляться при наведении на .titlebar-buttonbox-container (16px) а не на панель вкладок, иначе так могут вкладки дергаться когда не надо.

atnet2233 пишет

теперь мне нужно сделать интервал между вкладками и кнопками "свернуть браузер" "показать в окне" "закрыть браузер" немного побольше

~~display: none !important;~~
width: 16px !important;

Отредактировано Vitaliy V. (12-10-2020 13:38:46)

atnet2233 · №5

Vitaliy V. пишет

atnet2233 пишет
но при наведении не повляются кнопки
скорей всего вы не поняли, кнопки должны появляться при наведении на .titlebar-buttonbox-container (16px) а не на панель вкладок, иначе так могут вкладки дергаться когда не надо.
atnet2233 пишет
теперь мне нужно сделать интервал между вкладками и кнопками "свернуть браузер" "показать в окне" "закрыть браузер" немного побольше
~~display: none !important;~~
width: 16px !important;

спасибо большое, теперь все хорошо) получилось даже удобнее, чем изначало хотел

VictorMerlin · №6

для какой версии мозиллы подойдет решение?

Полезная информация

№111-10-2020 05:17:01