Skip to content
Snippets Groups Projects

chore: edit theme overrides

Merged Artur Sabirov requested to merge edit-theme-overrides into main
All threads resolved!

Описание

Внесены изменения в содержимое папки overrides и в файл docs/extra/style.css.

Основная таблица стилей сайта документации — файл main.4b4a2bd9.min.css из темы Material для MkDocs. See: !335 (comment 67897)

Изменения содержимого папки overrides:

  • извлек .icons/icon-mono.svg из partials/~picodata-link.html
  • переименовал partials/~picodata-link.html -> .custom/source-picodata.html
  • переименовал partials/~icon.html -> .custom/icon.html
  • добавил шаблон partials/source.html
  • синхронизировал .custom/source-picodata.html с шаблоном partials/source.html
  • отредактировал partials/header.html и partials/nav.html

Новые переопределения таблицы стилей Material для MkDocs:

  • селектор .md-source__repository {max-width: 100%} — убирает обрезание текста кнопки GitLab в хедере
  • директива @media screen and (max-width: 59.984375em)мобильная версия сайта:
    • селектор .md-nav__source {background-color: var(--md-default-bg-color)} — устанавливает белый фон для кнопок GitLab и Picodata в панели навигации
Общие изменения в файле `docs/extra/style.css`
Общие изменения в файле docs/extra/style.css
  • удалил селекторы:
    • .btn и все дочерние объекты
    • .header-site и все дочерние объекты
    • .md-content
    • .md-search
    • .md-search__form input
    • .md-sidebar
    • .md-sidebar--secondary
    • .md-tabs
    • .md-tabs__link--active
    • [data-md-toggle=search]:checked~.md-header .md-search__form
  • удалил директивы:
    • @media(min-width: 540px)
    • @media(min-width: 992px)
    • @media(min-width: 1400px)
    • @media screen and (max-width: 76.1875em)
  • уточнил определения селекторов:
    • h1, h2, h3, h4, h5, h6 -> .md-typeset h1, h2, h3, h4, h5, h6
    • .md-header__title -> [dir=ltr] .md-header__title
    • .md-header[data-md-state="shadow"] -> .md-header--shadow
  • вынес селектор .md-search__input::placeholder из директивы @media screen and (min-width: 60em)
  • переместил селектор в директиву @media screen and (max-width: 76.234375em):
    • .md-nav--primary .md-nav__title[for=__drawer]
    • .md-icon__mobile
Частные изменения в файле `docs/extra/style.css`
Частные изменения в файле docs/extra/style.css
  • псевдокласс :root:
    • удалил переменные:
      • --bg — взамен этой переменной и цвета white использовал переменную --md-default-bg-color
      • --btn-gray-bg
      • --btn-gray-border
      • --btn-gray-hover-bg
      • --btn-gray-hover-border
      • --btn-red-bg
      • --btn-red-border
      • --btn-red-hover-bg
      • --btn-red-hover-border
    • переименовал переменную --tiny-gray -> --gray
    • переместил переменную --md-default-fg-color--light в группу :root,[data-md-color-scheme=default]
  • селекторы h4, h5, h6:
    • удалил свойство font-weight: 600 !important
  • селектор .md-header--shadow:
    • переместил свойство transition из селектора .md-header--shadow
    • удалил свойство background-color: white
  • селектор .md-search__form:
    • удалил свойство color: var(--black) — переопределяется далее
    • удалил свойство border-radius: 26px — переопределяется далее
    • удалил свойство border-radius: .1rem — дублирует стандартное значение
    • удалил свойства height: 1.8rem — дублирует стандартное значение

See:


Edited by Artur Sabirov

Merge request reports

Loading
Loading

Activity

Filter activity
  • Approvals
  • Assignees & reviewers
  • Comments (from bots)
  • Comments (from users)
  • Commits & branches
  • Edits
  • Labels
  • Lock status
  • Mentions
  • Merge request status
  • Tracking
  • Alexander Tolstoy
  • Alexander Tolstoy approved this merge request

    approved this merge request

  • Artur Sabirov changed the description

    changed the description

  • Artur Sabirov added 2 commits

    added 2 commits

    Compare with previous version

  • Artur Sabirov added 9 commits

    added 9 commits

    • cc22db0c...095d2016 - 3 commits from branch main
    • 30aa0fd4 - chore: create .custom and .icons in overrides
    • 684a0880 - header.html: delete unnecessary code
    • e642fba9 - chore: add overrides/partials/source.html
    • f5eb5b91 - style.css: override .md-nav__source and .md-source__repository
    • dd694d26 - style.css: major edits
    • 120a0932 - logo.svg: fix color

    Compare with previous version

  • Yaroslav Dynnikov approved this merge request

    approved this merge request

  • Artur Sabirov resolved all threads

    resolved all threads

  • merged

  • Please register or sign in to reply
    Loading