Шаблон:таблицаролей/тест/styles.css

Вернуться

Строка 29: Строка 29:
.RoleTable-card_title {
.RoleTable-card_title {
     margin: 0 !important;
     margin: 0 !important;
     color :white;
     color: white;
     font-size: 14px;
     font-size: 14px;
     font-weight: bold;
     font-weight: bold;
Строка 46: Строка 46:


.RoleTable-content_main {
.RoleTable-content_main {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 8px !important;
     padding: 8px;
     padding: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;                         
    gap: 8px;                                       
     border-radius: 3px;
     border-radius: 3px;
     box-sizing: border-box;  
     box-sizing: border-box;  
Строка 101: Строка 103:


.cardRole {
.cardRole {
     display: flex;
     display: inline-flex !important;
     flex-direction: column;
     flex-direction: column;
     width: 120px !important;       
     width: 120px !important;       
Строка 111: Строка 113:
     overflow: hidden;
     overflow: hidden;
     background-color: rgba(0, 0, 0, 0.2);  
     background-color: rgba(0, 0, 0, 0.2);  
     flex-shrink: 0;
     flex-shrink: 0 !important;
    margin: 0 !important;
}
}


Строка 158: Строка 161:
@media (max-width: 480px) {
@media (max-width: 480px) {
     .RoleTable-content_main {
     .RoleTable-content_main {
         justify-content: center;
         justify-content: center !important;
     }
     }
     .cardRole {
     .cardRole {
Строка 164: Строка 167:
         max-width: 100% !important;
         max-width: 100% !important;
         min-width: 100px !important;
         min-width: 100px !important;
            }
    }
     .RoleTable-content_secondary {
     .RoleTable-content_secondary {
         grid-template-columns: 1fr;
         grid-template-columns: 1fr;
     }
     }
}
}