overleaf/services/web/frontend/stylesheets/modules/managed-users.less
Alexandre Bourdin 0c5ba1e96e Merge pull request #14491 from overleaf/ab-update-managed-users-icons
[web] Update managed users icons and improve display on smaller screen sizes

GitOrigin-RevId: 7b6263ea9afa9bb52bed3a3f50cbe361e7064085
2023-08-28 08:04:02 +00:00

84 lines
1.4 KiB
Text

.group-settings-title {
font-family: Lato, sans-serif;
font-size: @font-size-large;
line-height: 28px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
}
.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;
}
}