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

Общайтесь со знакомыми и друзьями в нашем сообществе в Facebook.
  • Форумы
  •  » CSS-стили
  •  » показывать только при наведении "свернуть" "показать в окне" "закрыть"

№111-10-2020 05:17:01

atnet2233
Участник
 
Группа: Members
Зарегистрирован: 06-10-2020
Сообщений: 41
UA: Firefox 81.0

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

Можно ли скрыть и показывать только при наведении в верхнем правом углу браузера кнопки "свернуть браузер" "показать в окне" "закрыть браузер" ? или перенести эти кнопки в другой блок
скриншот: 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)

Отсутствует

 

№212-10-2020 00:00:08

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 82.0

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

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

Отсутствует

 

№312-10-2020 04:15:59

atnet2233
Участник
 
Группа: Members
Зарегистрирован: 06-10-2020
Сообщений: 41
UA: Firefox 81.0

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

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)

Отсутствует

 

№412-10-2020 13:37:43

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 82.0

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

atnet2233 пишет

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

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

atnet2233 пишет

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

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

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

Отсутствует

 

№512-10-2020 20:48:38

atnet2233
Участник
 
Группа: Members
Зарегистрирован: 06-10-2020
Сообщений: 41
UA: Firefox 68.0

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

Vitaliy V. пишет
atnet2233 пишет

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

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

atnet2233 пишет

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

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


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

Отсутствует

 

№615-10-2020 13:27:51

VictorMerlin
Забанен
 
Группа: Members
Зарегистрирован: 15-10-2020
Сообщений: 33
UA: Chrome 86.0

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

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

Отсутствует

 
  • Форумы
  •  » CSS-стили
  •  » показывать только при наведении "свернуть" "показать в окне" "закрыть"

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]