Revert "css cleanup"

This reverts commit ef816608ab.

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={isStillEditing ? __('You are currently editing a claim.') : __('Jeremy please change this.')}
+      subtitle={__('You are currently editing a claim.')}
       actions={
         <React.Fragment>
           <FileSelector currentPath={filePath} onFileChosen={handleFileChange} />

src/ui/scss/component/_form-field.scss

@@ -18,6 +18,12 @@ 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
@@ -43,7 +49,6 @@ textarea {
   [data-mode='dark'] & {
     &::placeholder {
       opacity: 0.4;
-      color: $lbry-white;
     }
   }
 }
@@ -58,7 +63,6 @@ textarea {
 
   [data-mode='dark'] & {
     background-color: var(--dm-color-02);
-    border-color: $lbry-black;
   }
 }
 
@@ -173,6 +177,15 @@ 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;
@@ -188,9 +201,7 @@ fieldset-group {
         background-color: $lbry-white;
 
         [data-mode='dark'] & {
-          background-color: var(--dm-color-02);
-          border-color: $lbry-gray-2;
-          color: $lbry-gray-1;
+          border-color: $lbry-gray-4;
         }
       }
     }
@@ -278,6 +289,8 @@ fieldset-section {
     background-size: 1.2rem;
 
     [data-mode='dark'] & {
+      background-color: transparent;
+
       option {
         background-color: $lbry-gray-5;
       }
@@ -291,10 +304,10 @@ fieldset-section {
       color: $lbry-white;
     }
 
-    input:not(.form-field--copyable),
-    textarea,
-    select {
-      border-color: var(--dm-color-01);
+    input:not(:focus):not(.form-field--copyable),
+    textarea:not(:focus),
+    select:not(:focus) {
+      border-color: var(--dm-color-04);
     }
   }
 }

src/ui/scss/component/section.scss

@@ -31,7 +31,6 @@
   @extend .section__flex;
   flex-wrap: wrap;
   margin-bottom: var(--spacing-large);
-  overflow-x: visible;
 
   & > * {
     margin-bottom: var(--spacing-large);

src/ui/scss/init/_gui.scss

@@ -284,3 +284,12 @@ legend {
     border-color: transparent;
   }
 }
+
+checkbox-toggle,
+.checkbox-toggle,
+radio-toggle,
+.radio-toggle {
+  [data-mode='dark'] & {
+    border-color: var(--dm-color-04);
+  }
+}

static/app-strings.json

@@ -768,31 +768,5 @@
   "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.",
-  "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"
+  "Please check back later.": "Please check back later."
 }