home.social

#sidebar — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #sidebar, aggregated by home.social.

  1. #Firefox #CSS

    When unhiding the vertical tab bar, it expands to show titles; I don't want that. So…

    #sidebar-main { max-width: 50px !important }

    #tabbrowser-tabs[orient="vertical"]
    {

    .tab-text.tab-label { display: none !important }

    #tabs-newtab-button { max-width: 0px !important; position:absolute; right:4px }

    .tabbrowser-tab {.tab-close-button { position: absolute; left: -4px; top: -4px } }

    }

  2. #Firefox #CSS

    When unhiding the vertical tab bar, it expands to show titles; I don't want that. So…

    #sidebar-main { max-width: 50px !important }

    #tabbrowser-tabs[orient="vertical"]
    {

    .tab-text.tab-label { display: none !important }

    #tabs-newtab-button { max-width: 0px !important; position:absolute; right:4px }

    .tabbrowser-tab {.tab-close-button { position: absolute; left: -4px; top: -4px } }

    }

  3. #Firefox #CSS

    When unhiding the vertical tab bar, it expands to show titles; I don't want that. So…

    #sidebar-main { max-width: 50px !important }

    #tabbrowser-tabs[orient="vertical"]
    {

    .tab-text.tab-label { display: none !important }

    #tabs-newtab-button { max-width: 0px !important; position:absolute; right:4px }

    .tabbrowser-tab {.tab-close-button { position: absolute; left: -4px; top: -4px } }

    }

  4. #Firefox #CSS

    When unhiding the vertical tab bar, it expands to show titles; I don't want that. So…

    #sidebar-main { max-width: 50px !important }

    #tabbrowser-tabs[orient="vertical"]
    {

    .tab-text.tab-label { display: none !important }

    #tabs-newtab-button { max-width: 0px !important; position:absolute; right:4px }

    .tabbrowser-tab {.tab-close-button { position: absolute; left: -4px; top: -4px } }

    }

  5. #Firefox #CSS

    When unhiding the vertical tab bar, it expands to show titles; I don't want that. So…

    #sidebar-main { max-width: 50px !important }

    #tabbrowser-tabs[orient="vertical"]
    {

    .tab-text.tab-label { display: none !important }

    #tabs-newtab-button { max-width: 0px !important; position:absolute; right:4px }

    .tabbrowser-tab {.tab-close-button { position: absolute; left: -4px; top: -4px } }

    }

  6. Oh and I added a #TODO #sidebar. Will show that off as well, but not today...

  7. Oh and I added a #TODO #sidebar. Will show that off as well, but not today...

  8. Oh and I added a #TODO #sidebar. Will show that off as well, but not today...

  9. Oh and I added a #TODO #sidebar. Will show that off as well, but not today...

  10. 🚀 Đổi mới Trình tập tin với thanhSidebar linh hoạt! ✨ Hôm nay, Chi nhãn đã cập nhật tính năng Sidebar cho trình tập tin của mình. Người dùng giờ dễ dàng truy cập các thư mục hệ thống, ổ đĩa, thư mục đã dán và Workspace (sớm) nhờ vào tính năng mới này. Tác giả dự án rất hứng thú với kết quả. Hãy cùng đánh giá và ủng hộ dev nhé! #tech #devlog #sidebar #devlife

    *(500 ký tự đến dưới)*

    reddit.com/r/SideProject/comme

  11. WhatsApp testet neue Benutzername-Reservierung, Sidebar und interaktive Quiz-Funktion
    WhatsApp entwickelt eine Funktion zur Reservierung von Nutzernamen, die demnächst frühzeitig getestet wird. Außerdem stehen weitere Updates
    apfeltalk.de/magazin/news/what
    #News #Sicherheit #Android #Animation #Benachrichtigungen #Beta #Gruppenchat #iOS #iPad #Quiz #Reaktionen #Sidebar #Status #Username #WhatsApp

  12. WhatsApp testet neue Benutzername-Reservierung, Sidebar und interaktive Quiz-Funktion
    WhatsApp entwickelt eine Funktion zur Reservierung von Nutzernamen, die demnächst frühzeitig getestet wird. Außerdem stehen weitere Updates
    apfeltalk.de/magazin/news/what
    #News #Sicherheit #Android #Animation #Benachrichtigungen #Beta #Gruppenchat #iOS #iPad #Quiz #Reaktionen #Sidebar #Status #Username #WhatsApp

  13. WhatsApp testet neue Benutzername-Reservierung, Sidebar und interaktive Quiz-Funktion
    WhatsApp entwickelt eine Funktion zur Reservierung von Nutzernamen, die demnächst frühzeitig getestet wird. Außerdem stehen weitere Updates
    apfeltalk.de/magazin/news/what
    #News #Sicherheit #Android #Animation #Benachrichtigungen #Beta #Gruppenchat #iOS #iPad #Quiz #Reaktionen #Sidebar #Status #Username #WhatsApp

  14. WhatsApp testet neue Benutzername-Reservierung, Sidebar und interaktive Quiz-Funktion
    WhatsApp entwickelt eine Funktion zur Reservierung von Nutzernamen, die demnächst frühzeitig getestet wird. Außerdem stehen weitere Updates
    apfeltalk.de/magazin/news/what
    #News #Sicherheit #Android #Animation #Benachrichtigungen #Beta #Gruppenchat #iOS #iPad #Quiz #Reaktionen #Sidebar #Status #Username #WhatsApp

  15. WhatsApp testet neue Benutzername-Reservierung, Sidebar und interaktive Quiz-Funktion
    WhatsApp entwickelt eine Funktion zur Reservierung von Nutzernamen, die demnächst frühzeitig getestet wird. Außerdem stehen weitere Updates
    apfeltalk.de/magazin/news/what
    #News #Sicherheit #Android #Animation #Benachrichtigungen #Beta #Gruppenchat #iOS #iPad #Quiz #Reaktionen #Sidebar #Status #Username #WhatsApp

  16. Oha. Die (zumindest mir) neue ausklappbare #Sidebar in @firefox gefällt mir richtig gut. Das könnte noch nützlich werden...

    #opensource #firefox

  17. Oha. Die (zumindest mir) neue ausklappbare #Sidebar in @firefox gefällt mir richtig gut. Das könnte noch nützlich werden...

    #opensource #firefox

  18. Oha. Die (zumindest mir) neue ausklappbare #Sidebar in @firefox gefällt mir richtig gut. Das könnte noch nützlich werden...

    #opensource #firefox

  19. Oha. Die (zumindest mir) neue ausklappbare #Sidebar in @firefox gefällt mir richtig gut. Das könnte noch nützlich werden...

    #opensource #firefox

  20. Oha. Die (zumindest mir) neue ausklappbare #Sidebar in @firefox gefällt mir richtig gut. Das könnte noch nützlich werden...

    #opensource #firefox

  21. This is why you should be careful about what you put in your Sidebar-portion of your app's Toolbar and why you should give your Sidebar a suitable minimum width.

    In Tower, if your Sidebar is too narrow, the button above it (which is an important navigation switch), gets moved into an overflow menu way on the right-side of the window.

    They could easily fix this but the problem exists because its a new possible problem because of full-height sidebars.

    #macOS #UIUX #Toolbar #Sidebar

  22. This is why you should be careful about what you put in your Sidebar-portion of your app's Toolbar and why you should give your Sidebar a suitable minimum width.

    In Tower, if your Sidebar is too narrow, the button above it (which is an important navigation switch), gets moved into an overflow menu way on the right-side of the window.

    They could easily fix this but the problem exists because its a new possible problem because of full-height sidebars.

    #macOS #UIUX #Toolbar #Sidebar

  23. This is why you should be careful about what you put in your Sidebar-portion of your app's Toolbar and why you should give your Sidebar a suitable minimum width.

    In Tower, if your Sidebar is too narrow, the button above it (which is an important navigation switch), gets moved into an overflow menu way on the right-side of the window.

    They could easily fix this but the problem exists because its a new possible problem because of full-height sidebars.

    #macOS #UIUX #Toolbar #Sidebar

  24. This is why you should be careful about what you put in your Sidebar-portion of your app's Toolbar and why you should give your Sidebar a suitable minimum width.

    In Tower, if your Sidebar is too narrow, the button above it (which is an important navigation switch), gets moved into an overflow menu way on the right-side of the window.

    They could easily fix this but the problem exists because its a new possible problem because of full-height sidebars.

    #macOS #UIUX #Toolbar #Sidebar

  25. This is why you should be careful about what you put in your Sidebar-portion of your app's Toolbar and why you should give your Sidebar a suitable minimum width.

    In Tower, if your Sidebar is too narrow, the button above it (which is an important navigation switch), gets moved into an overflow menu way on the right-side of the window.

    They could easily fix this but the problem exists because its a new possible problem because of full-height sidebars.

    #macOS #UIUX #Toolbar #Sidebar

  26. Firefox Second Sidebar — это пользовательский скрипт для Firefox, который позволяет добавить вторую боковую панель с веб-областями.

    Скрипт создан для пользователей, желающих улучшить функциональность оригинального Firefox, и предлагает основные возможности, такие как добавление веб-областей, настройка их ширины, возможность закрепления и закрытия панели с выгрузкой контента.

    Дополнительно, пользователь может управлять навигацией и обновлением страниц, а также отслеживать состояние звука и активности панелей.

    src: github.com/aminought/firefox-s

    #blacktriangle #opensource #github #firefox #mozzilafirefox #browser #firefoxbrowser #sidebar #script #scripts

  27. ..otra app muy recomendable es #Sidebar (sidebarapp.net/) que es una versión mejorada del Dock tradicional de #MacOS

  28. Anpassung der Seitenleiste in Nautilus (Sidebar)

    Das erwähnte Problem betrifft mich ebenfalls, und ich kann kaum nachvollziehen, warum es von den #GNOME- und #GTK-Entwicklern unbeachtet bleibt. Gelegentlich beschleicht mich das Gefühl, dass die Entwickler ihre eigenen Anwendungen nicht aktiv nutzen. In einer älteren GNOME-Version vor 3 war diese Funktionalität noch vorhanden.

    @gnome #GNOME #GNOME4 #GNOME47 #Sidebar


    gitlab.gnome.org/GNOME/nautilu

  29. CW: long, help with html/css

    this is a post asking for help with an html/css thing

    i want the colors for these

    elements to fill all the empty space and overlap (at an angle) as they go down the page
    that said, the actual content part of the thing should stay contained where it currently is
    is this a thing i can do or am i going mad

    html excerpt:

      <div id="sidebar">
    <article id="sidebar_profile">
    <p>DOSKEL</p>
    </article>
    <article class="post">
    <p>i committed a crime</p>
    </article>
    <article class="post">
    <p>i committed a crime</p>
    </article>
    <article class="post">
    <p>i committed a crime</p>
    </article>
    [repeating]

    the css bits:

    #sidebar {
    height: 85%;
    width: 10%;
    position: fixed;
    z-index: 1;
    top: 10px;
    left: 0;
    background-color: gray;
    padding-top: 10px;
    padding-left: 5px;
    overflow: hidden;
    }

    .content {
    margin-left: 10.1%;
    }

    #sidebar_profile {
    transform: rotate(15deg);
    padding-bottom: 30px;
    }
    .post {
    padding-top: 0px;
    transform: rotate(-20deg);
    background-size: 1000px 1000px;
    }
  30. Расширения Chrome с боковой панелью

    Около года назад ( 30 мая 2023 , если быть более точным) в Хроме появилась возможность отображать интерфейсные элементы расширений не только во всплывающем окне (popup.html), но и в боковой панели которая отображается сбоку (справа) от текущей отображаемой страницы. Внешне боковая панель расширения похожа на боковые панели, встроенные в сам браузер, такие как "Show all bookmarks" или "Grouped history". На мой взгляд, у этой фичи большой потенциал: В таком формате можно пробовать реализовать более сложные сценарии взаимодействия с пользователем, включающие как более сложный интерфейс расширения, так и стандартные возможности взаимодействия с текущей открытой страницей. При этом мне показалось что новость об этом релизе прошла ниже радаров и в публикациях тема использования этой боковой панели оказалась недостаточно раскрыта, так что я решил написать эту обзорную статью (в первую очередь, в надежде на содержательные комментарии по теме со стороны тех, у кого есть опыт в разработке расширений). Вначале кратко скажу о технических аспектах. Затем будет небольшой обзор некоторых возможных вариантов использования. И в конце расскажу про небольшое расширение, которое я "разработал" сам. Для желающих получить начальные представления о разработке расширений для Хрома думаю может быть полезно предварительно ознакомиться с этой статьей (хотя я наверно предложил бы для таких упражнений вместо ChatGPT попробовать использовать Курсор с Композером и новым Клодом ).

    habr.com/ru/articles/850184/

    #sidebar

  31. 'To sidebar, or not to sidebar' - by Michelle Drumm.

    Good overview of the pros/cons of having a sidebar on your website. The rise of mobile has changed the balance a bit I think (i.e. typically sidebar content is moved the bottom of a page on mobile devices).

    newwhyweb.com/blog/to-sidebar-

    #WebDesign #UX #sidebar

  32. How did I not know for years that I can rearrange the items in the #homeassistant #sidebar by long-pressing its "Home Assistant" header?

    Maybe it's because this functionality is hidden like an #easteregg, but now I feel dumb anyway.

    BTW this works on mobile and web, but has to be done locally on each device.

  33. Why is the sidebar visibility in the block editor stored for the user (and thus always changed if you edit a posit on mobile) but something as annoying as the welcome screen is not? 🫠🥲

    #WordPress #BlockEditor #Sidebar #Mobile

  34. @cnx I edited user chrome styles.

    {
    visibility: collapse;
    }
    -header {
    display: none;
    }

  35. The Manhattan DA investigator #MichaelCohen was texting, Jeremy Rosenberg, was reportedly taken off the case after becoming close w/Cohen. #Blanche asks Cohen about the texts, but Prosecutor Susan #Hoffinger asked for a mid-cross #VoirDire, to question Cohen about the #evidence.

    When she established that the texts had been taken out of context, she called for a #sidebar. Her objection was sustained, so Blanche is prevented from doing whatever he was trying to do.

    #criminal #law #TrumpTrial

  36. Почему навигация в Google, Booking и Spotify именно такая, и какую лучше выбрать вам

    При работе над паттерном навигации моя команда выяснила интересный факт — мало материалов для дизайнеров. Я провела своё исследование: поговорила с разработчиками, проанализировала множество приложений и заглянула в гайдлайны. В статье покажу три самых популярных вида навигации, которые есть на рынке на начало 2024 года. Я выкладывала этот материал на английском языке и собрала 25 тысяч просмотров. Теперь делюсь ей с русскоязычным комьюнити. Вы узнаете: — какие основные виды навигации существуют, — как логически работает навигация, — некоторые особенности и различия платформенных решений (iOS vs Android). Расскажу, почему найти что-то в приложении бывает так трудно. Вы сходу будете отличать, где хорошая навигация, а где продуктовая команда недоработала.

    habr.com/ru/companies/alfa/art

    #навигация #human_interface_guidelines #material #navigation_bars #sidebar #navigationdrawer #tab_bar #гайдлайн #меню_навигации #ux_design

  37. A few small changes to the Microsoft Edge sidebar could go a long way to improve it and, in one case, restore it to its former glory.

    #microsoft #edge #browser #sidebar
    tchlp.com/3vbptiG