LSaccessRightsMatrixView: make CSS responsive

This commit is contained in:
Benjamin Renard 2020-06-04 18:00:25 +02:00
parent 61f492faf7
commit 030b1c45f9

View file

@ -117,6 +117,9 @@ ul.LSaccessRightsMatrixView_tabs {
padding: 0; padding: 0;
margin: 1em; margin: 1em;
margin-bottom: 0; margin-bottom: 0;
display: flex;
flex-wrap: nowrap;
overflow: auto;
} }
ul.LSaccessRightsMatrixView_tabs li a { ul.LSaccessRightsMatrixView_tabs li a {
@ -131,7 +134,7 @@ ul.LSaccessRightsMatrixView_tabs li {
border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;
padding: 4px; padding: 4px;
display: inline; display: inline;
margin-right: 1px; margin-right: 0.3rem;
} }
ul.LSaccessRightsMatrixView_tabs li.LSaccessRightsMatrixView_active_tab { ul.LSaccessRightsMatrixView_tabs li.LSaccessRightsMatrixView_active_tab {
@ -143,7 +146,7 @@ div.LSaccessRightsMatrixView_tab_content {
border: 1px solid #0072B8; border: 1px solid #0072B8;
margin: 1em; margin: 1em;
padding: 0.5em; padding: 0.5em;
margin-top: 4px; margin-top: 0;
} }
div.LSaccessRightsMatrixView_tab_content h2 { div.LSaccessRightsMatrixView_tab_content h2 {
@ -158,3 +161,19 @@ div.LSaccessRightsMatrixView_tab_content h2 {
font-style: italic; font-style: italic;
font-weight: normal; font-weight: normal;
} }
@media (max-width: 1024px) {
div.LSaccessRightsMatrixView_tab_content {
margin: 0;
}
ul.LSaccessRightsMatrixView_tabs {
margin: 0;
margin-top: 0.3rem;
}
#LSaccessRightsMatrixView table thead th:first-of-type, #LSaccessRightsMatrixView table tbody th {
max-width: 25vw;
}
}