Merge pull request #119 from duckduckgo/shane/feature_settings

Added feature settings
duckduckgo · Oct 12, 2023 · 26cf7d3 · 26cf7d3
2 parents dcc6427 + 48841cd
commit 26cf7d3
Show file tree

Hide file tree

Showing 36 changed files with 5,334 additions and 4,110 deletions.
diff --git a/build/app/public/css/base.css b/build/app/public/css/base.css
@@ -527,6 +527,11 @@ a.link-action--text-micro {
   display: block;
   padding: 8px 0;
 }
+a.link-action--rounded {
+  border-radius: 12px;
+  padding-top: 14px;
+  padding-bottom: 14px;
+}
 
 /**
  * DDG Extension Helper Classes
@@ -581,6 +586,10 @@ a.link-action--text-micro {
   border-top: 1px solid var(--color-lines-light);
 }
 
+.border--bottom {
+  border-bottom: 1px solid var(--color-lines-light);
+}
+
 .border-light--top {
   border-top: 1px solid var(--color-lines-lighter);
 }
@@ -602,11 +611,24 @@ a.link-action--text-micro {
   padding-right: 16px;
 }
 
+.padding-spacer {
+  padding-top: 24px;
+}
+
 .padding-y {
   padding-top: 16px;
   padding-bottom: 16px;
 }
 
+.padding-y--reduced {
+  padding-top: 14px;
+  padding-bottom: 14px;
+}
+
+.padding-bottom-half {
+  padding-bottom: 8px;
+}
+
 .bg-primary {
   background: white;
 }

diff --git a/build/app/public/css/popup.css b/build/app/public/css/popup.css
@@ -496,12 +496,12 @@ body.environment--windows {
   padding-right: 10px;
 }
 
-.site-info__li--toggle {
+.site-info-toggle {
   color: #333333;
   display: flex;
   align-items: center;
 }
-.body--theme-dark .site-info__li--toggle {
+.body--theme-dark .site-info-toggle {
   color: rgba(255, 255, 255, 0.9);
 }
 
@@ -3140,7 +3140,19 @@ body.environment--macos, body.environment--browser, body.environment--windows, b
   padding: 12px 16px;
 }
 .body--theme-dark .note {
-  background: rgba(255, 214, 92, 0.2);
+  background: rgba(255, 222, 122, 0.18);
+}
+
+.note--nested {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.note--nested--alt {
+  background: #ccdaff;
+}
+.body--theme-dark .note--nested--alt {
+  background: rgba(85, 127, 243, 0.18);
 }
 
 .note--key-insight {