first commit
This commit is contained in:
37
services/web/frontend/stylesheets/modules/admin-panel.less
Normal file
37
services/web/frontend/stylesheets/modules/admin-panel.less
Normal file
@@ -0,0 +1,37 @@
|
||||
.admin-panel-pagination {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.phase-badge {
|
||||
display: inline-block;
|
||||
font-size: @font-size-small;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
padding: 3px 7px;
|
||||
&:extend(.label);
|
||||
&:extend(.label-info);
|
||||
}
|
||||
|
||||
.scrollable {
|
||||
max-height: calc(100vh - 40vh);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.hr-sect {
|
||||
display: flex;
|
||||
flex-basis: 100%;
|
||||
align-items: center;
|
||||
color: rgba(0, 0, 0, 0.35);
|
||||
margin: 8px 0;
|
||||
}
|
||||
.hr-sect:before,
|
||||
.hr-sect:after {
|
||||
content: '';
|
||||
flex-grow: 1;
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
height: 1px;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
margin: 0 8px;
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
.git-bridge-copy {
|
||||
background: @neutral-10;
|
||||
color: @neutral-90;
|
||||
padding: @padding-sm;
|
||||
border-radius: @border-radius-large;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: @padding-sm;
|
||||
align-items: center;
|
||||
margin: @margin-lg 0;
|
||||
|
||||
& code {
|
||||
word-break: break-word;
|
||||
}
|
||||
}
|
||||
|
||||
.git-bridge-optional-tokens {
|
||||
border: 1px solid @gray-lightest;
|
||||
border-radius: @border-radius-large;
|
||||
padding: @padding-md;
|
||||
margin: @margin-lg 0;
|
||||
}
|
||||
|
||||
.git-bridge-optional-tokens-header {
|
||||
font-family: @font-family-sans-serif;
|
||||
font-size: 120%;
|
||||
font-weight: bold;
|
||||
margin-bottom: @margin-sm;
|
||||
}
|
||||
|
||||
.git-bridge-optional-tokens-actions {
|
||||
margin-top: @margin-sm;
|
||||
}
|
||||
|
||||
.git-bridge-modal-notification {
|
||||
margin-bottom: @margin-sm;
|
||||
}
|
||||
383
services/web/frontend/stylesheets/modules/group-settings.less
Normal file
383
services/web/frontend/stylesheets/modules/group-settings.less
Normal file
@@ -0,0 +1,383 @@
|
||||
h3.group-settings-title {
|
||||
margin-bottom: 5px;
|
||||
font-size: @font-size-large;
|
||||
}
|
||||
|
||||
h4.group-settings-title {
|
||||
margin-bottom: 0;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
|
||||
h3.group-settings-title,
|
||||
h4.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;
|
||||
text-wrap: wrap;
|
||||
}
|
||||
|
||||
.btn {
|
||||
width: 100%;
|
||||
margin: 8px 0;
|
||||
}
|
||||
.btn-link-logout {
|
||||
width: auto;
|
||||
margin: 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;
|
||||
|
||||
.group-settings-sso-action-col {
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.below-settings-section {
|
||||
border-top: 1px solid @gray-lighter;
|
||||
padding-top: 25px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.sso-config-info {
|
||||
padding: 12px 0;
|
||||
|
||||
.sso-config-info-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: @margin-xs;
|
||||
padding: 0 @padding-base-horizontal 15px @padding-base-horizontal;
|
||||
border-bottom: 1px solid @neutral-20;
|
||||
margin-bottom: 15px;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.status-label {
|
||||
font-size: @font-size-small;
|
||||
border-radius: 4px;
|
||||
padding: 2px 4px;
|
||||
flex-shrink: 0;
|
||||
|
||||
&.status-label-valid {
|
||||
background-color: @ol-green;
|
||||
color: @neutral-10;
|
||||
}
|
||||
|
||||
&.status-label-draft {
|
||||
background-color: @neutral-20;
|
||||
color: @neutral-90;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sso-config-options-buttons {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.sso-config-info-section {
|
||||
margin-bottom: @margin-md;
|
||||
padding: 0 @padding-base-horizontal;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.sso-config-info-label {
|
||||
font-size: @font-size-small;
|
||||
font-weight: bold;
|
||||
|
||||
.certificate-status {
|
||||
font-weight: normal;
|
||||
|
||||
.material-symbols {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
&.certificate-valid {
|
||||
color: @ol-green;
|
||||
}
|
||||
|
||||
&.certificate-expiring-soon {
|
||||
color: @yellow-50;
|
||||
}
|
||||
|
||||
&.certificate-expired {
|
||||
color: @red-50;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sso-config-info-label-optional {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.sso-config-info-content {
|
||||
color: @gray-darker;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.sso-config-info-content-empty {
|
||||
color: var(--neutral-60);
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: @margin-xs;
|
||||
}
|
||||
}
|
||||
|
||||
.sso-config-modal-content {
|
||||
.sso-config-interstitial-title {
|
||||
margin-top: 25px;
|
||||
font-family: Lato, sans-serif;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sso-config-modal-icon-wrapper {
|
||||
text-align: center;
|
||||
margin-top: 8px;
|
||||
|
||||
.sso-config-interstitial-icon,
|
||||
.sso-config-test-result-icon,
|
||||
.sso-config-test-error-icon {
|
||||
font-size: 32px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
padding: 24px;
|
||||
border-radius: 999px;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.sso-config-interstitial-icon {
|
||||
background-color: @neutral-10;
|
||||
}
|
||||
|
||||
.sso-config-test-result-icon {
|
||||
background-color: @green-10;
|
||||
color: @ol-green;
|
||||
}
|
||||
|
||||
.sso-config-test-error-icon {
|
||||
background-color: @red-10;
|
||||
color: @red-50;
|
||||
}
|
||||
}
|
||||
|
||||
.has-feedback {
|
||||
.form-control {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.payload-content {
|
||||
padding: @padding-base-horizontal;
|
||||
border: 1px solid @neutral-20;
|
||||
margin-top: 16px;
|
||||
border-radius: @border-radius-base-new;
|
||||
color: black;
|
||||
|
||||
.saml-response-xml-wrapper {
|
||||
margin-top: 16px;
|
||||
overflow: hidden;
|
||||
background-color: @neutral-10;
|
||||
border-radius: @border-radius-base-new;
|
||||
|
||||
.saml-response-header {
|
||||
font-family: Lato, sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
padding: 0 16px;
|
||||
border-bottom: 1px solid @neutral-20;
|
||||
line-height: 56px;
|
||||
|
||||
.copy-response {
|
||||
vertical-align: bottom;
|
||||
margin-top: 10px;
|
||||
|
||||
.material-symbols {
|
||||
vertical-align: text-top;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.saml-response-footer {
|
||||
text-align: center;
|
||||
line-height: 56px;
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
background: linear-gradient(
|
||||
360deg,
|
||||
#f4f5f6 0%,
|
||||
rgba(244, 245, 246, 0) 835.48%
|
||||
);
|
||||
}
|
||||
|
||||
.saml-response-xml {
|
||||
font-family: 'DM Mono', monospace;
|
||||
white-space: pre-wrap;
|
||||
font-size: 13px;
|
||||
word-break: break-word;
|
||||
padding: 16px 16px 0 16px;
|
||||
height: 100px;
|
||||
min-height: 100px;
|
||||
|
||||
&.view-more {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.expand-viewer {
|
||||
.material-symbols {
|
||||
vertical-align: bottom;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.payload-content-user-info-item {
|
||||
margin-bottom: @margin-xs;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.certificate-wrapper {
|
||||
.certificate-delete {
|
||||
text-decoration: none;
|
||||
margin-left: 16px;
|
||||
span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.certificate-delete,
|
||||
.view-more {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.certificate-truncated {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.view-more {
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
.certificate-delete {
|
||||
display: inline-flex;
|
||||
}
|
||||
}
|
||||
|
||||
.certificate {
|
||||
font-family: Courier, monospace;
|
||||
|
||||
.certificate-truncated & {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
flex-grow: 4;
|
||||
}
|
||||
.certificate-full & {
|
||||
word-break: break-all;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.certificate-form-row {
|
||||
display: flex;
|
||||
|
||||
.certificate-input {
|
||||
flex-grow: 11;
|
||||
}
|
||||
|
||||
.certificate-delete {
|
||||
flex-grow: 1;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
107
services/web/frontend/stylesheets/modules/labs.less
Normal file
107
services/web/frontend/stylesheets/modules/labs.less
Normal file
@@ -0,0 +1,107 @@
|
||||
.labs-opt-in-wrapper {
|
||||
color: @ol-blue-gray-3;
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
color: @ol-blue-gray-3;
|
||||
}
|
||||
|
||||
#experiments-container {
|
||||
.title-row {
|
||||
display: flex;
|
||||
}
|
||||
.labs-experiment-widget-container {
|
||||
border: 1px solid @gray-lighter;
|
||||
}
|
||||
}
|
||||
.labs-icon {
|
||||
background-color: @green-50;
|
||||
color: @white;
|
||||
border-radius: 20%;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
p {
|
||||
font-size: @font-size-small;
|
||||
}
|
||||
strong {
|
||||
font-size: @font-size-small;
|
||||
}
|
||||
|
||||
.labs-experiment-widget-container {
|
||||
display: grid;
|
||||
grid-template-columns: 40px 1fr auto;
|
||||
gap: 20px;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
|
||||
> div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-right: 20px;
|
||||
|
||||
&:last-child {
|
||||
padding-right: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.experiment-logo-container {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.title-row {
|
||||
margin: 0;
|
||||
margin-bottom: 10px;
|
||||
|
||||
> h3 {
|
||||
margin: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 10px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: @screen-xs-max) {
|
||||
.labs-experiment-widget-container {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.labs-experiment-widget-container.disabled-experiment {
|
||||
grid-template-columns: 40px 3fr 1fr auto;
|
||||
|
||||
.disabled-explanation {
|
||||
color: @content-secondary;
|
||||
}
|
||||
|
||||
h3,
|
||||
p {
|
||||
color: @content-disabled;
|
||||
}
|
||||
}
|
||||
|
||||
.disabled-experiment {
|
||||
.ai-error-assistant-avatar {
|
||||
filter: grayscale(0.6);
|
||||
}
|
||||
}
|
||||
|
||||
.labs-opt-in {
|
||||
.form-group {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
125
services/web/frontend/stylesheets/modules/onboarding.less
Normal file
125
services/web/frontend/stylesheets/modules/onboarding.less
Normal file
@@ -0,0 +1,125 @@
|
||||
.onboarding-data-collection-wrapper {
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
|
||||
.onboarding-data-collection-form {
|
||||
background: #fff;
|
||||
padding: 24px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.ui-select-container,
|
||||
.select-wrapper {
|
||||
label {
|
||||
font-size: 14px; // override DownshiftInput and Select component label size
|
||||
}
|
||||
|
||||
.select-items {
|
||||
max-height: 150px;
|
||||
}
|
||||
|
||||
.select-trigger {
|
||||
border: 1px solid @neutral-60;
|
||||
color: @neutral-60;
|
||||
}
|
||||
}
|
||||
|
||||
.onboarding-question-title {
|
||||
font-size: 20px;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 130px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 24px;
|
||||
|
||||
.group-horizontal {
|
||||
display: flex;
|
||||
justify-content: stretch;
|
||||
gap: 24px;
|
||||
|
||||
@media (max-width: @screen-xs-max) {
|
||||
flex-direction: column;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.form-actions {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
> div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.onboarding-step-2 {
|
||||
.checkbox {
|
||||
margin: 0;
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
|
||||
input {
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.onboarding-collapse-button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
color: @blue-50;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.onboarding-collapse-button,
|
||||
.onboarding-privacy-extended {
|
||||
@media (max-width: @screen-xs-max) {
|
||||
padding: 0 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.onboarding-data-collection-form-margin {
|
||||
@media (max-width: @screen-xs-max) {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.compromised-password-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
175
services/web/frontend/stylesheets/modules/symbol-palette.less
Normal file
175
services/web/frontend/stylesheets/modules/symbol-palette.less
Normal file
@@ -0,0 +1,175 @@
|
||||
.symbol-palette-container {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
|
||||
.symbol-palette {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: @symbol-palette-bg;
|
||||
color: @symbol-palette-color;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: 220px; // allow space for the overlay contents
|
||||
}
|
||||
|
||||
.symbol-palette-header-outer {
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
font-family: @font-family-sans-serif;
|
||||
font-size: 16px;
|
||||
background: @symbol-palette-header-background;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.symbol-palette-header {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.symbol-palette-tab-list[role='tablist'] {
|
||||
background: none;
|
||||
border-bottom: none;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.symbol-palette-tab[role='tab'] {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
background: none;
|
||||
border: none;
|
||||
border-bottom: 1px solid transparent;
|
||||
color: inherit;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font: inherit;
|
||||
margin: 0;
|
||||
padding: 0.25em 0.5em;
|
||||
|
||||
&[aria-selected='true'] {
|
||||
background: @symbol-palette-selected-tab-bg;
|
||||
color: @symbol-palette-selected-tab-color;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
cursor: default;
|
||||
opacity: 0.25;
|
||||
}
|
||||
}
|
||||
|
||||
.symbol-palette-body {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.symbol-palette-items {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: @padding-xs;
|
||||
}
|
||||
|
||||
.symbol-palette-item {
|
||||
font-family: 'Stix Two Math', serif;
|
||||
font-size: 24px;
|
||||
line-height: 42px;
|
||||
height: 42px;
|
||||
width: 42px;
|
||||
margin: @margin-xs;
|
||||
color: @symbol-palette-item-color;
|
||||
background: @symbol-palette-item-bg;
|
||||
border: 1px solid transparent;
|
||||
border-radius: @border-radius-base;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.symbol-palette-item-command {
|
||||
font-family: monospace;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.symbol-palette-item-notes {
|
||||
margin-top: @margin-xs;
|
||||
}
|
||||
|
||||
.symbol-palette-empty {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: @padding-sm;
|
||||
}
|
||||
|
||||
.symbol-palette-search {
|
||||
padding: 2px @padding-sm;
|
||||
margin: @margin-xs;
|
||||
line-height: 1;
|
||||
height: auto;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.symbol-palette-header-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
margin-left: @margin-xs;
|
||||
}
|
||||
|
||||
.symbol-palette-info-link,
|
||||
.symbol-palette-info-link:focus,
|
||||
.symbol-palette-info-link:hover {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.symbol-palette-close-button {
|
||||
background: transparent;
|
||||
opacity: 1;
|
||||
float: none;
|
||||
text-shadow: none;
|
||||
color: @symbol-palette-color;
|
||||
padding: 4px @padding-sm;
|
||||
margin-left: @margin-xs;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.symbol-palette-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: fade(@symbol-palette-bg, 75%);
|
||||
color: @symbol-palette-color;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 @padding-lg @padding-sm;
|
||||
align-items: center;
|
||||
text-shadow: 0 0 8px @symbol-palette-text-shadow-color;
|
||||
min-height: 200px;
|
||||
overflow: auto;
|
||||
|
||||
h4 {
|
||||
font-weight: bold;
|
||||
color: @symbol-palette-color;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.symbol-palette-close-button {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.upgrade-benefits {
|
||||
column-count: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
12
services/web/frontend/stylesheets/modules/writefull.less
Normal file
12
services/web/frontend/stylesheets/modules/writefull.less
Normal file
@@ -0,0 +1,12 @@
|
||||
.writefull-loading-bar {
|
||||
font-size: @font-size-small;
|
||||
height: 40px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.writefull-error-notification {
|
||||
margin: 48px 64px;
|
||||
width: 100%;
|
||||
max-width: 520px;
|
||||
text-align: left;
|
||||
}
|
||||
Reference in New Issue
Block a user