mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-25 22:41:00 +00:00
3b48b32754
* Revert "Revert "Group SSO - Adding a bug fix for sending emails"" * adding conditional rendering of columns and styling fixes for each render mode with some cypress test GitOrigin-RevId: 168011503ffacff61c8f37bee4c4bfb012909c1f
234 lines
3.6 KiB
Text
234 lines
3.6 KiB
Text
/* Styles for group-subscription members view */
|
|
|
|
.structured-list.managed-users-list {
|
|
/* Override scrolling behaviour on structured-list */
|
|
overflow: initial;
|
|
overflow-y: initial;
|
|
overflow-x: initial;
|
|
}
|
|
|
|
.managed-users-list {
|
|
.security-state-invite-pending {
|
|
color: @text-muted;
|
|
}
|
|
.security-state-managed {
|
|
color: @green;
|
|
}
|
|
.security-state-not-managed {
|
|
color: @red;
|
|
}
|
|
.managed-user-row {
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
.managed-user-security {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.managed-user-actions {
|
|
button.dropdown-toggle {
|
|
color: @text-color;
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
}
|
|
.managed-user-dropdown-menu {
|
|
width: 300px;
|
|
|
|
li > button {
|
|
&:hover {
|
|
background-color: @gray-lightest;
|
|
}
|
|
}
|
|
.delete-user-action {
|
|
button {
|
|
color: @red;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.managed-user-menu-item-button {
|
|
padding: 12px 20px;
|
|
position: relative;
|
|
width: 100%;
|
|
border: none;
|
|
box-shadow: none;
|
|
background: inherit;
|
|
color: @ol-blue-gray-5;
|
|
text-align: left;
|
|
&[disabled] {
|
|
background-color: @gray-lighter;
|
|
}
|
|
}
|
|
}
|
|
|
|
.managed-users-list-alert {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
.managed-users-list-alert-close {
|
|
padding-left: @padding-sm;
|
|
text-align: right;
|
|
width: 10%;
|
|
@media (min-width: @screen-sm-min) {
|
|
width: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
.managed-users-table {
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
|
|
tr {
|
|
border-bottom: 1px solid @structured-list-border-color;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
padding: (@line-height-computed / 4) @line-height-computed / 2;
|
|
vertical-align: top;
|
|
}
|
|
|
|
thead {
|
|
tr:hover {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
tbody {
|
|
tr:last-child {
|
|
border-bottom: 0 none;
|
|
}
|
|
tr:hover {
|
|
background-color: #f6f7f9;
|
|
}
|
|
}
|
|
|
|
.cell-checkbox {
|
|
width: 5%;
|
|
}
|
|
.cell-checkbox-with-sso-col {
|
|
width: 2.5%;
|
|
}
|
|
|
|
.cell-email {
|
|
width: 45%;
|
|
}
|
|
.cell-email-with-sso-col {
|
|
width: 37%;
|
|
}
|
|
|
|
.cell-name {
|
|
width: 15%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cell-last-active {
|
|
width: 15%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cell-security {
|
|
width: 10%;
|
|
overflow-x: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cell-managed {
|
|
width: 15%;
|
|
overflow-x: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cell-dropdown {
|
|
width: 5%;
|
|
min-width: 25px;
|
|
}
|
|
|
|
@media (min-width: @screen-xs) {
|
|
.cell-checkbox {
|
|
width: 5%;
|
|
}
|
|
|
|
.cell-checkbox-with-sso-col {
|
|
width: 2.5%;
|
|
}
|
|
|
|
.cell-email {
|
|
width: 34%;
|
|
}
|
|
.cell-email-with-sso-col {
|
|
width: 29%;
|
|
}
|
|
|
|
.cell-name {
|
|
width: 20%;
|
|
}
|
|
|
|
.cell-last-active {
|
|
width: 20%;
|
|
}
|
|
|
|
.cell-security {
|
|
width: 12%;
|
|
}
|
|
|
|
.cell-managed {
|
|
width: 15%;
|
|
}
|
|
|
|
.cell-dropdown {
|
|
width: 6%;
|
|
min-width: 25px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: @screen-lg) {
|
|
.cell-checkbox {
|
|
width: 5%;
|
|
}
|
|
.cell-checkbox-with-sso-col {
|
|
width: 2.5%;
|
|
}
|
|
|
|
.cell-email {
|
|
width: 43%;
|
|
}
|
|
.cell-email-with-sso-col {
|
|
width: 37%;
|
|
}
|
|
|
|
.cell-name {
|
|
width: 20%;
|
|
}
|
|
|
|
.cell-last-active {
|
|
width: 15%;
|
|
}
|
|
|
|
.cell-security {
|
|
width: 10%;
|
|
}
|
|
|
|
.cell-managed {
|
|
width: 12%;
|
|
}
|
|
|
|
.cell-dropdown {
|
|
width: 5%;
|
|
min-width: 25px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.managed-user-security {
|
|
.material-symbols {
|
|
position: relative;
|
|
top: 4px;
|
|
}
|
|
}
|