#circle-information, #circle-edit, #admin-circle-list, #admin-circle-create, #project-edit, #admin-project-list, #admin-project-create, #admin-users-list { [widget="hubl-team-template-edit"]>div { flex: 1; } .table-body>div:first-of-type, .table-body>div:first-of-type>sib-display>div { display: contents; } .gridjs-wrapper { width: 100%; position: relative; z-index: 1; overflow: auto; display: block; } .table { width: 100%; max-width: 100%; border-collapse: collapse; overflow: auto; table-layout: fixed; .table-header { display: flex; flex: 1; font-size: 1.6rem; font-weight: 600; justify-content: space-around; text-align: center; &.grey-color { background: var(--color-table-header-background); color: var(--color-table-header-text); } >* { border-right: 1px solid var(--color-table-border); padding: 2.1rem 0; text-align: center; } >*:last-of-type { border-right: 1px solid --color-table-header-background; } } .table-body, .table-header { >div:first-of-type>sib-display>div, hubl-team-template-edit[name='members'] { display: flex; border-left: 1px solid var(--color-table-border); } .border { border-bottom: 1px solid var(--color-table-border); border-right: 1px solid var(--color-table-border); } .cell { text-align: center; word-wrap: break-word; white-space: nowrap; } .w25 { width: 25%; } .w33 { width: 33.3333%; } .w50 { width: 50%; } .w66 { width: 66.6666%; } .w75 { width: 75%; } .hashtag::before { content: '#'; } } .cell-with-buttons { align-items: center; display: flex; justify-content: center; [name='button'] { input[type='submit'] { @extend .button, .text-bold, .text-uppercase, .reversed, .button-secondary, .bordered, .btn-margin-left; } } } .cell-with-name { color: var(--color-secondary); font-weight: 600; padding-top: 2.5rem; } sib-multiple { display: flex; align-items: center; justify-content: center; } .user-thumb>div /* for the table in circle-edit and captain's cell in project-admin */ , [name='user-thumb'] { @extend %user-thumb__grid; padding: 0 2.2rem; >.user-thumb__picture { @extend .user-thumb__picture; } >[name='sup'] { @extend %user-thumb__grid-sup; } >[name='sub'] { @extend %user-thumb__grid-inf; } } sib-ac-checker { align-items: center; display: flex; justify-content: center; } } }