Commit 1b06c6b2 authored by Nikolay Gromov's avatar Nikolay Gromov

table width fix

parent bfaa365c
......@@ -425,18 +425,18 @@
</table>
</div>
</div>
</section>
<div class="blocks-library__sub-item">
<b class="blocks-library__sub-item-title">Адаптивные таблицы</b>
<p>Стилизация: БЭМ-блок <code>.table-responsive</code></p>
<section class="blocks-library__item" id="table-responsive" data-name=".table-responsive">
<p class="alert alert--danger"><strong>Внимание!</strong> Адаптивные таблицы требуют добавления дата-атрибутов. Фиксация минимальной ширины имитатора <code>th</code> будет полезной (делается индивидуально).</p>
<p class="alert alert--success">Приоритетным является не использование класса <code>.table-responsive</code>, а использование семантических БЭМ-классов и LESS-примеси <code>.table-responsive(sm);</code> (принимает в себя значение той ширины вьюпорта, на которой таблица ещё адаптивна).</p>
<style>
.blocks-library__table-responsive tbody td:before,
.blocks-library__table-responsive tbody th:before {
width: 180px;
max-width: 180px;
min-width: 145px;
}
</style>
......@@ -458,8 +458,6 @@
</tr>
</tbody>
</table>
</div>
</section>
......
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