overleaf/services/web/frontend/stylesheets/modules/group-settings.less
Jessica Lawshe ebca8c1919 Merge pull request #16017 from overleaf/jel-sso-config-ui
[web] Update SSO settings UI

GitOrigin-RevId: 9b708b7b3fde1cdba1725236d88a88d85acded96
2023-11-30 09:03:37 +00:00

136 lines
2.2 KiB
Text

h2.group-settings-title {
margin-bottom: 5px;
font-size: @font-size-large;
}
h3.group-settings-title {
margin-bottom: 0;
font-size: @font-size-base;
}
h2.group-settings-title,
h3.group-settings-title {
font-family: Lato, sans-serif;
line-height: 28px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 0;
}
.enrollment-invite {
color: @neutral-90;
.inner-card {
background-color: @gray-lightest;
margin: 16px 0;
padding: 16px;
&.warning {
background-color: @yellow-10;
}
.list-row {
display: flex;
flex-direction: row;
.icon {
display: flex;
flex: 0 0 32px;
> span {
font-size: 16px;
}
padding-right: 12px;
font-size: 24px;
&.error {
color: @yellow-50;
margin-top: 2px;
}
}
}
a {
text-decoration: underline;
}
}
.title {
font-family: Lato, sans-serif;
font-size: @font-size-large;
line-height: 28px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
}
.subtitle {
font-family: Lato, sans-serif;
font-size: @font-size-base;
line-height: 24px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
}
.label {
color: @gray-dark;
font-size: @font-size-small;
padding-left: 0;
}
.btn {
width: 100%;
margin: 8px 0;
}
}
.managed-users-enabled {
font-family: Lato, sans-serif;
color: @ol-green;
.icon {
vertical-align: text-bottom;
}
}
.group-settings-sso {
.group-settings-sso-row {
margin-top: @margin-md;
display: flex;
align-items: center;
justify-content: space-between;
}
}
.below-managed-users {
border-top: 1px solid @gray-lighter;
padding-top: 25px;
margin-top: 25px;
}
.sso-config-info {
.sso-config-info-section {
margin-bottom: @margin-md;
}
.sso-config-info-label {
font-size: @font-size-small;
font-weight: bold;
}
.sso-config-info-content {
color: @gray-darker;
word-break: break-word;
}
.sso-config-info-footer {
display: flex;
justify-content: flex-end;
gap: @margin-xs;
}
p {
margin-bottom: @margin-xs;
}
}