From ef816608abd7f08923a73777d1820a5a78aeac34 Mon Sep 17 00:00:00 2001 From: Sean Yesmunt Date: Tue, 1 Oct 2019 17:05:23 -0400 Subject: [PATCH] css cleanup --- src/ui/component/publishFile/view.jsx | 2 +- src/ui/scss/component/_form-field.scss | 31 ++++++++------------------ src/ui/scss/component/section.scss | 1 + src/ui/scss/init/_gui.scss | 9 -------- static/app-strings.json | 28 ++++++++++++++++++++++- 5 files changed, 38 insertions(+), 33 deletions(-) diff --git a/src/ui/component/publishFile/view.jsx b/src/ui/component/publishFile/view.jsx index 0973b5a2e..3db0e446f 100644 --- a/src/ui/component/publishFile/view.jsx +++ b/src/ui/component/publishFile/view.jsx @@ -34,7 +34,7 @@ function PublishFile(props: Props) { icon={ICONS.PUBLISH} disabled={disabled || balance === 0} title={isStillEditing ? __('Edit') : __('Publish')} - subtitle={__('You are currently editing a claim.')} + subtitle={isStillEditing ? __('You are currently editing a claim.') : __('Jeremy please change this.')} actions={ diff --git a/src/ui/scss/component/_form-field.scss b/src/ui/scss/component/_form-field.scss index 15c28e22c..566eb50fc 100644 --- a/src/ui/scss/component/_form-field.scss +++ b/src/ui/scss/component/_form-field.scss @@ -18,12 +18,6 @@ form { } } -textarea { - &::placeholder { - opacity: 0.4; - } -} - // lbry/components overrides and minor styles // Some items have very specific styling // This is because many styles inside `lbry/components/sass/form/` are very specific @@ -49,6 +43,7 @@ textarea { [data-mode='dark'] & { &::placeholder { opacity: 0.4; + color: $lbry-white; } } } @@ -63,6 +58,7 @@ textarea { [data-mode='dark'] & { background-color: var(--dm-color-02); + border-color: $lbry-black; } } @@ -177,15 +173,6 @@ fieldset-group { width: 0; } - fieldset-section:first-child .form-field__prefix, - fieldset-section:last-child input { - border-color: $lbry-black; - - [data-mode='dark'] { - border-color: $lbry-gray-4; - } - } - fieldset-section:first-child { .form-field__prefix { white-space: nowrap; @@ -201,7 +188,9 @@ fieldset-group { background-color: $lbry-white; [data-mode='dark'] & { - border-color: $lbry-gray-4; + background-color: var(--dm-color-02); + border-color: $lbry-gray-2; + color: $lbry-gray-1; } } } @@ -289,8 +278,6 @@ fieldset-section { background-size: 1.2rem; [data-mode='dark'] & { - background-color: transparent; - option { background-color: $lbry-gray-5; } @@ -304,10 +291,10 @@ fieldset-section { color: $lbry-white; } - input:not(:focus):not(.form-field--copyable), - textarea:not(:focus), - select:not(:focus) { - border-color: var(--dm-color-04); + input:not(.form-field--copyable), + textarea, + select { + border-color: var(--dm-color-01); } } } diff --git a/src/ui/scss/component/section.scss b/src/ui/scss/component/section.scss index a1ab8abfb..f6ab37014 100644 --- a/src/ui/scss/component/section.scss +++ b/src/ui/scss/component/section.scss @@ -31,6 +31,7 @@ @extend .section__flex; flex-wrap: wrap; margin-bottom: var(--spacing-large); + overflow-x: visible; & > * { margin-bottom: var(--spacing-large); diff --git a/src/ui/scss/init/_gui.scss b/src/ui/scss/init/_gui.scss index 84ef39183..1e5526034 100644 --- a/src/ui/scss/init/_gui.scss +++ b/src/ui/scss/init/_gui.scss @@ -284,12 +284,3 @@ legend { border-color: transparent; } } - -checkbox-toggle, -.checkbox-toggle, -radio-toggle, -.radio-toggle { - [data-mode='dark'] & { - border-color: var(--dm-color-04); - } -} diff --git a/static/app-strings.json b/static/app-strings.json index e4968bddb..cb7a2b73e 100644 --- a/static/app-strings.json +++ b/static/app-strings.json @@ -768,5 +768,31 @@ "Claim Channel": "Claim Channel", "auth": "auth", "Your videos are currently being transferred. .": "Your videos are currently being transferred. .", - "Please check back later.": "Please check back later." + "Please check back later.": "Please check back later.", + "Available Balance": "Available Balance", + "Earned From Tips": "Earned From Tips", + "LBC Currently Staked": "LBC Currently Staked", + "Your Supports": "Your Supports", + "Add Tags": "Add Tags", + "Jeremy please change this": "Jeremy please change this", + "Jeremy please change this.": "Jeremy please change this.", + "Extra Verification Needed": "Extra Verification Needed", + "We weren't able to auto-approve you for rewards. Please complete one of the steps below to unlock them.": "We weren't able to auto-approve you for rewards. Please complete one of the steps below to unlock them.", + "Proof via Text": "Proof via Text", + "Verify Phone Number": "Verify Phone Number", + "OR": "OR", + "Proof via Credit": "Proof via Credit", + "If you have a valid credit or debit card, you can use it to instantly prove your humanity. LBRY does not store your credit card information. There is no charge at all for this, now or in the future.": "If you have a valid credit or debit card, you can use it to instantly prove your humanity. LBRY does not store your credit card information. There is no charge at all for this, now or in the future.", + "Verify Card": "Verify Card", + "Read more": "Read more", + "Proof via Chat": "Proof via Chat", + "A moderator capable of approving you is typically available in the discord server. Check out the #rewards-approval channel for more information. This process will likely involve providing proof of a stable and established online or real-life identity.": "A moderator capable of approving you is typically available in the discord server. Check out the #rewards-approval channel for more information. This process will likely involve providing proof of a stable and established online or real-life identity.", + "We're friendly. We promise.": "We're friendly. We promise.", + "A channel is your identity on the LBRY network.": "A channel is your identity on the LBRY network.", + "You can have more than one or change this later.": "You can have more than one or change this later.", + "Your Channel": "Your Channel", + "channel": "channel", + "Create": "Create", + "Use this address to receive LBC.": "Use this address to receive LBC.", + "Not a valid LBRY address": "Not a valid LBRY address" } \ No newline at end of file