Звездочка с закладками СЛЕВА как в Opera 12\. Когда? или иконки папок



  • Когда будет реализованы закладки как в Oреre 12 - звездочка СЛЕВА возле адресной строки. знаю, что есть плагины для Хрома [которые не работают], которые делают нечто подобное СПРАВА, но нужно СЛЕВА и без всякого поиска и дополнительных функции, ровно как в Oрere 12 Если никогда, сделайте хотябы возможность менять иконки папок в закладках на свое [в png], чтобы убрать название папки и интуитивно понимать что где [а то много порно ссылок, которые напоказ, можно и убрать их, но все будет как в Oрere 12 или никак ))))))),



  • @fry3000:

    Если никогда

    Нет, когда-то всё-таки будет. Реализация возможности лёгкого перемещения элементов интерфейса была заявлена. Их и сейчас можно двигать, если есть навыки работы с CSS/HTML. Но не уверен, что сейчас это применимо к расширениям. Хотя я почти уверен, что такую кнопку сделают из коробки, после того как такие кнопки научат перемещать/отключать мышью :)



  • Само сабой первым делом после установки vivaldi я перелопатил всю тем Vivaldi UI Customisations, сделал свой css [и с цветами и с показом ссылки внизу как в хроме и т.д.], и даже перемещал звездочку с плагинов Хрома НАЛЕВО, но плагины не подхватывают закладки, и само расположение криво работает.
    В теме тоже что-то пытались, но не получилось как впрочем и с цветом выделения и с сужением панелей чтобы было впритык к шрифту [уменьшение масштаба некрасиво смотрится] и многое другое…

    А с Betы 2 тык еще и нельзя менять иконки расширений на свои [меняю на свою у Hotsрot Shield он отклчается, в bete 1 работал] т.е. получается, если заставить Хромовские расширения работать, то будет желтая звездочка, а остальные темно - серые, при нажатии серые - это мягко сказать не эстетично, тык еще и звездочки в этих расширениях закругленные - аля Марио, что не сочетается с прямыми линями vivaldi, а менять то нельзя…

    ну хотябы иконки сделали бы - если у меня vivaldi серый самому нарисовать в темно серых тонах - 5 секунд - и красота...



  • @fry3000:

    Само сабой первым делом после установки vivaldi я перелопатил всю тем Vivaldi UI Customisations, сделал свой css [и с цветами и с показом ссылки внизу как в хроме и т.д.]

    Понял, значит остаётся только ждать "родную" кнопку. А лучше оставить пожелание по её релизации на https://vivaldi.com/bugreport/. Чем больше запросов от пользователей, тем быстрее сделают.

    Кстати, показ URL внизу при наведении на анкор уже добавили в одной из последних сборок. Включается в настройках во вкладке "Внешний вид". Или в Хроме лучше?



  • @Sober:

    Кстати, показ URL внизу при наведении на анкор уже добавили в одной из последних сборок. Включается в настройках во вкладке "Внешний вид". Или в Хроме лучше?

    Снапшоты не ставлю сижу только на БЕТЕ…

    Что в Хроме, что подозреваю и в vivaldi будет виден адрес в прямоугольнике абсолютно левого цвета, с окантовкой/бордюром... да и этот прямоугольник размером в 30% от экрана или я не прав?

    Проще свой сделать с цветом как во вкладках, без окантовки и с размером в 75%
    [attachment=2560]viweb.jpg[/attachment]
    Attachments:



  • методом тыка все-таки сделал звездочку… возможно с ошибками, но пашет
    масштаб интерфейса - 75%
    GREY v8
    [attachment=3702]rama-1grey.png[/attachment]

    ! /* futurama VIVALDI G8 - zoom 75% /
    /
    line 1 /
    #tabs-container.top{padding-top:0 !important}
    .vivaldi svg rect[id^=vivrect]{opacity:0}
    .vivaldi svg path{fill:#393939}
    #browser.tabs-top .vivaldi svg{width:26px;height:26px;margin-top:1px}
    #header{background-color:#D2D2D2;height:29px}
    .tab:not(.active){background-color:#D2D2D2 !important;font-size:125%}
    .tab:not(.active):hover{background-color:#EEEEEE !important;font-size:125%}
    .tab.active{background-color:#EEEEEE !important;font-size:125%}
    #tabs-container .newtab svg{background-color:#000000;fill:#D2D2D2}
    #tabs-container .toggle-trash svg{display:none}
    #browser .window-buttongroup button{width:39px !important;margin-top:5px}
    #browser.win .window-buttongroup button.window-close{background-color:#D2D2D2;fill:#111111 !important}
    /
    line 2 /
    .address-top .toolbar.toolbar-addressbar{background-color:#EEEEEE !important;height:31px;margin:-2px;z-index:1}
    .toolbar.toolbar-addressbar .button-toolbar svg{width:19px}
    .button-addressfield.home,.button-tabbar.home,.button-toolbar-small.home,.button-toolbar.home,.button-toolbar.rewind,.button-toolbar.next{display:none !important}
    .addressfield:after,.searchfield:after{box-shadow:none !important}
    .addressfield .addressfield-siteinfo{font-size:80%;margin-top:2px}
    .addressfield,.searchfield{background-color:#EEEEEE !important;height:25px;border:0;font-size:125%;box-shadow:none !important;margin-left:35px !important}
    .addressfield .pageload .pageload-indicator{background-color:#3B3B3B !important;height:30px !important;margin-top:-2px}
    .addressfield .pageload .pageload-ticker{font-size:85%;width:60px !important}
    /
    line 3 /
    .bookmark-bar{position:fixed !important;width:30px;height:30px;top:29px;left:100px;z-index:2;background-color:#EEEEEE !important;box-shadow:none !important}
    .hasfocus .bookmark-bar button:hover{background-color:#E3E3E3;box-shadow:none !important}
    .bookmark-bar button.chevron img{opacity:.6;height:11px;margin-top:8px}
    .bookmark-bar button.chevron:hover img{opacity:.6}
    /
    bottom /
    #status_info span{background-color:#EEEEEE;font-size:125%}
    /
    other */
    #browser.popup{background-color:#D2D2D2;font-size:125%}
    #panels-container{font-size:125%}
    .startpage .startpage-navigation{display:none !important}
    .startpage{background-color:#EEEEEE !important}

    COMBINATION v8
    [attachment=3703]rama-2comb.png[/attachment]

    ! /* futurama VIVALDI C8 - zoom 75% /
    /
    line 1 /
    #tabs-container.top{padding-top:0 !important}
    .vivaldi svg rect[id^=vivrect]{opacity:0}
    .vivaldi svg path{fill:#D2D2D2}
    #browser.tabs-top .vivaldi svg{width:26px;height:26px;margin-top:1px}
    #header{background-color:#101010;height:29px}
    .tab:not(.active){background-color:#101010 !important;font-size:125%;color:#EEEEEE}
    .tab:not(.active):hover{background-color:#D2D2D2 !important;font-size:125%;color:#101010}
    .tab.active{background-color:#D2D2D2 !important;font-size:125%}
    #tabs-container .tab:not(.active) .tab-audio .audioicon{-webkit-filter:invert(100%)}
    #tabs-container .tab:not(.active):hover .tab-audio .audioicon{-webkit-filter:invert(0%)}
    #tabs-container .newtab svg{background-color:#FFFFFF;fill:#101010}
    #tabs-container .toggle-trash svg{display:none}
    #browser .window-buttongroup button{width:39px !important;margin-top:5px;fill:#EEEEEE !important}
    #browser.win .window-buttongroup button.window-close{background-color:#101010;fill:#EEEEEE !important}
    /
    line 2 /
    .address-top .toolbar.toolbar-addressbar{background-color:#D2D2D2 !important;height:31px;margin:-2px;z-index:1}
    .toolbar.toolbar-addressbar .button-toolbar svg{width:19px}
    .button-addressfield.home,.button-tabbar.home,.button-toolbar-small.home,.button-toolbar.home,.button-toolbar.rewind,.button-toolbar.next{display:none !important}
    .addressfield:after,.searchfield:after{box-shadow:none !important}
    .addressfield .addressfield-siteinfo{font-size:80%;margin-top:2px}
    .addressfield,.searchfield{background-color:#D2D2D2 !important;height:25px;border:0;font-size:125%;box-shadow:none !important;margin-left:35px !important}
    .addressfield .pageload .pageload-indicator{background-color:#3B3B3B !important;height:30px !important;margin-top:-2px}
    .addressfield .pageload .pageload-ticker{font-size:85%;width:60px !important}
    /
    line 3 /
    .bookmark-bar{position:fixed !important;width:30px;height:30px;top:29px;left:100px;z-index:2;background-color:#D2D2D2 !important;box-shadow:none !important}
    .hasfocus .bookmark-bar button:hover{background-color:#C8C8C8;box-shadow:none !important}
    .bookmark-bar button.chevron img{opacity:.6;height:11px;margin-top:8px}
    .bookmark-bar button.chevron:hover img{opacity:.6}
    /
    bottom /
    #status_info span{background-color:#EEEEEE;font-size:125%}
    /
    other */
    #browser.popup{background-color:#D2D2D2;font-size:125%}
    #panels-container{font-size:125%}
    .startpage .startpage-navigation{display:none !important}
    .startpage{background-color:#D2D2D2 !important}
    Attachments:
    ,



  • Сделал такое же патчем. Не привязано к количеству отображаемых кнопок и режиму главного меню.
    https://vivaldi.net/en-US/forum/all/8453-bundle-js-modding?start=40#62920



  • Отлично! Спасибо
    Только немного бы сдвинуть эту кнопку вправо от последней кнопки на 3-4px и чуть меньше сделать
    [attachment=3717]bukm.png[/attachment]
    тыкал и так и сяк в итоге идеальные размеры шеврона - width:9px ; height:11px при width:19px остальных кнопок

    Р.S. а нет, если все по дефолту - размеры/растояние нормальные
    Attachments:


Log in to reply
 

Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.