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

table width fix

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