Commit 68d58ba3 authored by Nikolay Gromov's avatar Nikolay Gromov

field-toggler fixs

parent 19ed2eb3
...@@ -988,6 +988,7 @@ ...@@ -988,6 +988,7 @@
<section class="blocks-library__item" id="field-toggler" data-name=".field-toggler"> <section class="blocks-library__item" id="field-toggler" data-name=".field-toggler">
<p>Элемент переключателя стилизован с ипользованием <code>px</code><code>em</code> нельзя настроить точные пиксельные размеры для всех <code>font-size</code> родителя). Сам блок подстраивается под размер шрифта родителя, переключатель — нет.</p>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<div class="field-toggler"> <div class="field-toggler">
...@@ -1011,7 +1012,7 @@ ...@@ -1011,7 +1012,7 @@
</label> </label>
<label class="field-toggler__name"> <label class="field-toggler__name">
<input class="field-toggler__input" type="checkbox"> <input class="field-toggler__input" type="checkbox">
<span class="field-toggler__name-text">Наверное</span> <span class="field-toggler__name-text">Наверное. И тут много строк. Далеко-далеко за словесными горами в стране, гласных и согласных.</span>
</label> </label>
<div class="field-toggler__help-text">Графика не используется, всё нарисовано CSS-ом.</div> <div class="field-toggler__help-text">Графика не используется, всё нарисовано CSS-ом.</div>
</div> </div>
...@@ -1037,41 +1038,11 @@ ...@@ -1037,41 +1038,11 @@
<div class="field-toggler__input-wrap"> <div class="field-toggler__input-wrap">
<label class="field-toggler__name"> <label class="field-toggler__name">
<input class="field-toggler__input" type="radio" name="radio-toggler-1" checked> <input class="field-toggler__input" type="radio" name="radio-toggler-1" checked>
<span class="field-toggler__name-text">Использовать</span> <span class="field-toggler__name-text">Да</span>
</label> </label>
<label class="field-toggler__name"> <label class="field-toggler__name">
<input class="field-toggler__input" type="radio" name="radio-toggler-1"> <input class="field-toggler__input" type="radio" name="radio-toggler-1">
<span class="field-toggler__name-text">Не использовать и тут много строк. Далеко-далеко за словесными горами в стране, гласных и согласных.</span> <span class="field-toggler__name-text">Нет</span>
</label>
<div class="field-toggler__help-text">Графика не используется, всё нарисовано CSS-ом.</div>
</div>
</div>
</div>
</div>
<div class="row" style="font-size:1.5em">
<div class="col-md-6">
<div class="field-toggler">
<div class="field-toggler__title">Увеличен font-size родителя</div>
<div class="field-toggler__input-wrap">
<label class="field-toggler__name">
<input class="field-toggler__input" type="radio">
<span class="field-toggler__name-text">Использовать</span>
</label>
<div class="field-toggler__help-text">Графика не используется, всё нарисовано CSS-ом.</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="field-toggler">
<div class="field-toggler__title">Увеличен font-size родителя</div>
<div class="field-toggler__input-wrap">
<label class="field-toggler__name">
<input class="field-toggler__input" type="radio" name="radio-toggler-2" checked>
<span class="field-toggler__name-text">Использовать</span>
</label>
<label class="field-toggler__name">
<input class="field-toggler__input" type="radio" name="radio-toggler-2">
<span class="field-toggler__name-text">Не использовать</span>
</label> </label>
<div class="field-toggler__help-text">Графика не используется, всё нарисовано CSS-ом.</div> <div class="field-toggler__help-text">Графика не используется, всё нарисовано CSS-ом.</div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment