---
aliases:
  - snippets
cssclasses:
---

### Что такое CSS-сниппет?

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

Технически - это файл с расширением .CSS, который находится по адресу `папка_хранилища/.obsidian/snippets/`

Ниже пример кода, который настраивает поведение файлового менеджера и позволяет увидеть полные имена папок и файлов, без обрезки. Для наглядности пример в виде скриншотов:

> [!Award]  **До**
> ![[css1.png]]

> [!Leaf] **После**
> ![[css2.png]]  


А вот и пример кода, который задает такое поведение
> [!Script]+  
> ```css
> /* 
> Отображение названий файлов в боковом меню с переносами строки и без горизонтального скроллбара
> */
> 
>  .nav-folder-title, .nav-folder-title-content, 
> .nav-file-title, .nav-file-title-content {
> 
>  max-width: 100%;
> 
> }
> 
> .nav-folder-title-content, .nav-file-title-content {
> 
>  white-space: break-spaces;
> 
> }
> .nav-folder-title-content, .nav-file-title-content {
> 
>  white-space: break-spaces;
> 
> }
> ```

Этот код является частью файла obsidian-minimal-tweaks.css, в котором собраны этот и подобные "хаки". Например, полупрозрачный статус бар внизу, который становится полностью видимым при наведении курсора - это тоже "дело рук" css.

### Что из CSS есть в хранилище?
Во первых - уже упомянутый <u>obsidian-minimal-tweaks.css</u>, в котором собраны:
- Полупрозрачный статус бар (степень прозрачности вы можете поменять самостоятельно)
- Имена файлов и папок без обрезки
- Уменьшение размера шрифта, используемого для отображения номеров строк
- Приятный и лаконичный вид встроенных заметок. Это когда вы через синтаксис `![[заметка]]` встраиваете содержимое одной заметки в другую. 
- Подсветка дней недели в календаре (как вы понимаете - цвет вы тоже можете поменять в коде под себя)
- Увеличение картинки в режиме просмотра по клику на нее
- Парочка [[Изучение Obsidian/Оформление/Callout|Callout]], которые я сделал под себя, Idea и Bookmark

Во-вторых - отдельный файл с блоками оформления <u>Pro Callouts</u>, про которые рассказал [[Изучение Obsidian/Оформление/Callout|тут]].

<u>Canvas Candy</u> - прокачивает функциональность встроенного инструмента Canvas. Описание и видео можно посмотреть в [канале](https://t.me/obsidianrus/137). 

<u>Colored Files</u> - подсвечиваем различные типы файлов разными цветами. Например, если вы откроете папку слева Файлы/Шрифты, то увидите, что .zip архивы у вас синие. Цвета, типы файлов - все это вы можете настроить под себя, просто изменив соответствующий CSS-файл. 

<u>Extended-colorscchemes</u> - дополнительные цветовые решения для темы AnupPuccin, доступны через плагин [[Style settings]]

<u>properties.css</u> - более приятный и ярче выраженный вид блока Свойства (тот, что вверху страницы отображает метаданные)

P.S. В папке на самом деле лежат еще 3 сниппета, но это на вырост, под следующую версию хранилища. Вид списков в виде карточек, возможность для отдельных страниц задать широкоэкранный вид (когда текст растягивается на всю ширину экрана) и еще пару полезных фишек. 