Создаёт статью про директиву @page #5620
Conversation
furtivite
requested review from
skorobaeus,
solarrust and
Inventoris
as code owners
|
|
There was a problem hiding this comment.
Очень хорошая дока получилась, спасибо тебе!
Немного покомментировала.
Призываю @skorobaeus поревьюить демки.
|
|
||
| У директивы `@page` есть правила для отступов на полях. Туда можно поместить номер страницы или название документа | ||
|
|
||
| <iframe title="Управление полями" src="demos/at-rules/" height="850"></iframe> |
There was a problem hiding this comment.
Было бы классно показывать как можно добавить номера страниц или другие стандартные элементы.
There was a problem hiding this comment.
Там чуть выше пример, как раз описано, как добавить нолмер страницы, прям так и написано. А здесь в примере просто подсказка, какие поля задействуются.
There was a problem hiding this comment.
Кроме номера страницы можно ещё что-то добавлять?
There was a problem hiding this comment.
Можно добавлять любой текстовый контент.
Co-authored-by: Alena Batitskaia <[email protected]>
|
|
||
| ## Пример | ||
|
|
||
| Страница сайта будет напечатана на горизонтальном листе формата А4, у которой справа внизу указан номер листа: |
There was a problem hiding this comment.
Тут давай чуть поправим, потому что «страница» и её «у которой» очень далеко друг от друга стоят, и связка теряется.
| Страница сайта будет напечатана на горизонтальном листе формата А4, у которой справа внизу указан номер листа: | |
| Страница сайта напечатается на горизонтальном листе формата А4, у которого справа внизу будет номер: |
|
|
||
| ISO 216 легко узнать по буквам A, B или C в названии. Например, A4. Ещё эти размеры удобно делятся пополам. Например, половина A4 – это A5. | ||
|
|
||
| Ещё форматы на печати отличают по положению листа: горизонтальному и вертикальному. |
There was a problem hiding this comment.
Строчкой выше уже было «ещё», давай заменим на «также», если не сложно.
| Ещё форматы на печати отличают по положению листа: горизонтальному и вертикальному. | |
| Также форматы на печати отличают по положению листа: горизонтальному и вертикальному. |
| transition: background-color 0.2s linear; | ||
| border: none; | ||
| border-radius: 1rem; | ||
| color: #181A1B; |
There was a problem hiding this comment.
Го добавим pointer при наведении:
| color: #181A1B; | |
| color: #181A1B; | |
| cursor: pointer; |
| transition: background-color 0.2s linear; | ||
| border: none; | ||
| border-radius: 1rem; | ||
| color: #181A1B; |
There was a problem hiding this comment.
И тут не помешает pointer :)
| color: #181A1B; | |
| color: #181A1B; | |
| cursor: pointer; |
Co-authored-by: Alexey Nikitchenko <[email protected]>
There was a problem hiding this comment.
Привет! Это круто :) Давай сделаем очень круто!
Сейчас, когда в первом демо переключаешь опции, элементы управления прыгают по экрану и приходится гоняться за ними курсором:
При этом справа есть много свободного места, которое никак не используется. Давай, пожалуйста, переместим элементы управления туда, а пример кода под них, чтобы ничего не "скакало":
Аналогичным образом предлагаю поправить и вторую демку. Там нет прыжков, но будет хорошо, если демки будут структурно похожи, то есть пользователь будет находить элементы управления в одном и том же месте.
И, конечно, в обе демки нужно добавить адаптив.
Превью контента из bdf9b8b опубликовано. |
|
@furtivite, набежишь в пиар в ближайшее время? |
|
Набегу. Но не обещаю, что прям сегодня |
Описание
Написал статью про директиву
@pageCloses #633
Превью: https://content-5620.dev.doka.guide/css/page/
Чек-лист
/css/color/,/tools/json/,/tools/gulp/#kak-ponyat)images/example.png,demos/example/,../demos/example/)