mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-01 22:02:11 +03:00
6ecba355eb
no refs Moves members related settings in Labs to its own page to improve the overall UX and make it more consistent with the rest of the Admin.
206 lines
4.0 KiB
CSS
206 lines
4.0 KiB
CSS
.gh-labs-price-label input::-webkit-outer-spin-button, .gh-labs-price-label input::-webkit-inner-spin-button {
|
|
/* display: none; <- Crashes Chrome on hover */
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.gh-labs-price-label input[type=number] {
|
|
-moz-appearance: textfield;
|
|
/* Firefox */
|
|
}
|
|
|
|
.gh-labs-toggle-wrapper {
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.gh-btn-labs-toggle {
|
|
border: none !important;
|
|
display: flex;
|
|
align-items: center;
|
|
color: var(--blue) !important;
|
|
background: transparent !important;
|
|
}
|
|
|
|
.gh-btn-labs-toggle,
|
|
.gh-btn-labs-toggle:hover {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.gh-btn-labs-toggle svg {
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.gh-btn-labs-toggle svg path {
|
|
stroke: var(--blue);
|
|
}
|
|
|
|
.gh-labs-disabled .for-checkbox label,
|
|
.gh-labs-disabled .for-checkbox .input-toggle-component,
|
|
.gh-labs-disabled .for-switch label,
|
|
.gh-labs-disabled .for-switch .input-toggle-component
|
|
.gh-labs-disabled .for-radio label,
|
|
.gh-labs-disabled .for-radio .input-toggle-component {
|
|
cursor: default;
|
|
}
|
|
|
|
/* Members settings */
|
|
/* ------------------------------------------------ */
|
|
|
|
.gh-labs-members-radio {
|
|
cursor: pointer;
|
|
margin: 0 8px;
|
|
}
|
|
|
|
.gh-labs-members-radio.active {
|
|
background: color-mod(var(--blue) alpha(6%));
|
|
border-color: var(--blue);
|
|
}
|
|
|
|
.gh-labs-disabled .gh-setting-content, .gh-labs-disabled .gh-setting-action {
|
|
opacity: 0.25;
|
|
}
|
|
|
|
|
|
/* Stripe settings */
|
|
|
|
.gh-members-stripe-info-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.gh-members-stripe-info-header h4 {
|
|
font-weight: 600;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.gh-members-stripe-info {
|
|
border-radius: 0.9rem;
|
|
border: 1px solid var(--whitegrey);
|
|
background: var(--whitegrey-l2);
|
|
padding: 12px;
|
|
width: 380px;
|
|
}
|
|
|
|
.gh-members-stripe-badge {
|
|
width: 180px;
|
|
}
|
|
|
|
.gh-members-stripe-link {
|
|
color: #555ABF;
|
|
}
|
|
|
|
.gh-members-connectbutton-container {
|
|
max-width: 380px;
|
|
}
|
|
|
|
.gh-members-connectbutton-container .for-switch {
|
|
line-height: 1em;
|
|
}
|
|
|
|
.gh-members-connectbutton-container .for-switch label {
|
|
width: 36px !important
|
|
}
|
|
|
|
.gh-members-connectbutton-container .for-switch input:checked + .input-toggle-component {
|
|
background: #F1946A;
|
|
}
|
|
|
|
.gh-members-connect-testmodeon {
|
|
color: #F1946A;
|
|
}
|
|
|
|
.gh-members-stripe-connect-token {
|
|
background: var(--whitegrey-l2);
|
|
min-height: unset;
|
|
height: 73px;
|
|
max-width: 380px;
|
|
font-family: var(--font-family-mono);
|
|
font-size: 1.3rem;
|
|
resize: none;
|
|
}
|
|
|
|
.gh-members-connect-testmodelabel {
|
|
display: inline-block;
|
|
background: #f8e5b9;
|
|
color: #983705;
|
|
font-size: 1.2rem;
|
|
font-weight: 500;
|
|
line-height: 1em;
|
|
border-radius: 999px;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
.gh-members-connect-savecontainer {
|
|
height: 0px;
|
|
overflow-y: hidden;
|
|
transition: all 0.2s ease-in-out;
|
|
opacity: 0;
|
|
margin-top: 16px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.gh-members-connect-savecontainer.expanded {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.gh-members-connect-savecontainer.expanded {
|
|
height: 36px;
|
|
opacity: 1.0;
|
|
}
|
|
|
|
@media (max-width: 500px) {
|
|
.gh-members-stripe-info-header {
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
}
|
|
|
|
.gh-members-stripe-info-header h4 {
|
|
order: 2;
|
|
margin-top: 10px;
|
|
padding-top: 10px;
|
|
border-top: 1px solid var(--whitegrey);
|
|
}
|
|
|
|
.gh-members-stripe-badge {
|
|
order: 1;
|
|
/* margin: -10px 0 0 -10px; */
|
|
}
|
|
|
|
.gh-members-stripe-info {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.gh-labs-members-emailinput {
|
|
|
|
}
|
|
|
|
.gh-labs-members-emaildropdown {
|
|
min-width: 208px;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.gh-labs-members-defaultemaildd {
|
|
padding-right: 216px;
|
|
}
|
|
|
|
.gh-labs-mailgun-region {
|
|
width: 140px !important;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.gh-labs-mailgun-region .ember-power-select-trigger {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.gh-labs-mailgun-region .ember-power-select-trigger svg {
|
|
margin-left: 23px;
|
|
width: 10px;
|
|
height: 6px;
|
|
} |