Как сделать чтобы url адреса отображались справа?
-
Хочу чтобы левая часть была на правой либо вообще скрыть, есть такая возможность?
-
@ipgroy said in Как сделать чтобы url адреса отображались справа?:
либо вообще скрыть
.OmniLinkItem-Url { display: none; } .OmniLinkItem { display: flex; }
-
@sedative29rus адреса убрались, но подсказки перестали отображаться.
-
-
@sedative29rus в поле поиска тоже не отображаются подсказки, хотя "простыня" разворачивается.
-
Тут мы с вами натыкаемся на прискорбный факт, что в жизни я к CSS не имею никакого отношения и действую примерно так. Фиг знает как там правильно выбрать нужные элементы.
В ожидании знающих людей, которых здесь, прямо скажем, днём с огнём не сыщешь, можно потестировать вот такое, пришедшее в голову в 4 утра:.OmniLinkItem { display: flex; } div.UrlBar-UrlFieldWrapper > div > div.OmniDropdown > section:nth-child(2) > div > span.OmniLinkItem-Url, div.UrlBar-UrlFieldWrapper > div > div.OmniDropdown > section:nth-child(3) > div > span.OmniLinkItem-Url, div.UrlBar-UrlFieldWrapper > div > div.OmniDropdown > section:nth-child(5) > div > span.OmniLinkItem-Url, div.UrlBar-UrlFieldWrapper > div > div.OmniDropdown > section:nth-child(6) > div > span.OmniLinkItem-Url { display: none !important; }
Здесь смысл в том, что циферки в nth-child(2) указывают на эти блоки
А они зависят от настроек браузера. В общем, нужно указать все, кроме подсказок.
@coleslaw said in Как сделать чтобы url адреса отображались справа?:
в поле поиска тоже не отображаются
Теперь должны.
-
Ваш код можно немножко причесать, с целью сокращения:
.OmniLinkItem { display: flex; } .UrlBar-UrlFieldWrapper :where( section:nth-child(2), section:nth-child(3), section:nth-child(5) , section:nth-child(6) ) .OmniLinkItem-Url { display: none !important; }
Попробуйте. Вроде должно работать.
-
@kichrot Работает. Но тут проблема вообще в подходе вырисовалась. Подсказки могут менять свой порядковый номер по мере набора текста. Т.е. если не найдётся совпадений, например, в закладках, то они отображаться вообще не будут и блоки ниже переедут на 1 наверх.
Надо как-то выбрать всё, кроме подсказок -
Что то я не понял, о каких подсказках идет речь. У меня никаких подсказок нет. Где они включаются???
-
Если я правильно понял, то кажется нашел.
Попробуйте этот код:.OmniLinkItem { grid-template-columns: [Favicon] var(--favicon-width) [Url] 0fr [Details] 1fr [Erase] var(--item-height); }
-
@kichrot Я тоже как раз до этого допёр. Только надо добавить
.OmniLinkItem { grid-template-columns: [Favicon] var(--favicon-width) [Url] 0px [Details] 1fr [Erase] var(--item-height); grid-auto-flow: dense; }
-
@kichrot said in Как сделать чтобы url адреса отображались справа?:
о каких подсказках идет речь
Поисковые подсказки
-
Значит я понял правильно.
Автор темы может тему закрывать. -
@sedative29rus said in Как сделать чтобы url адреса отображались справа?:
Только надо добавить
Хотя... может и не надо, как-то странно сначала не работало, потом заработало
-
А, всё. Мозайка сложилась. grid-auto-flow нужен для такого варианта:
.UrlBar-UrlFieldWrapper .OmniLinkItem { grid-template-columns: [Favicon] var(--favicon-width) [Details] 1fr [Url] 1fr [Erase] var(--item-height); grid-auto-flow: dense; }
Было интересно разобраться, я доволен.
-
Всем спасибо, помогли!