205 lines
3.6 KiB
SCSS
205 lines
3.6 KiB
SCSS
#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,
|
|
.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;
|
|
}
|
|
}
|
|
|
|
.circle-join {
|
|
position: relative;
|
|
width: 40%;
|
|
min-width: 40%;
|
|
|
|
input {
|
|
height: 29px;
|
|
left: -1px;
|
|
position: absolute;
|
|
top: -1px;
|
|
width: 105%;
|
|
padding-left: 16px;
|
|
}
|
|
|
|
&.button.with-icon::before {
|
|
margin-left: 12px;
|
|
}
|
|
}
|
|
|
|
.circle-leave {
|
|
position: relative;
|
|
width: 30%;
|
|
min-width: 30%;
|
|
}
|
|
|
|
.circle-leave>button {
|
|
position: absolute;
|
|
width: 106%;
|
|
left: 1px;
|
|
/* background: antiquewhite; */
|
|
height: 29px;
|
|
top: -1px;
|
|
padding-left: 13px;
|
|
}
|
|
|
|
.circle-leave.button.with-icon::before {
|
|
font-size: 1.6rem;
|
|
margin-right: 2rem;
|
|
margin-left: -50px;
|
|
}
|
|
}
|