3904ac3 Inline .dropdown, .popup — radicle-explorer

Radicle web interface

Inline .dropdown, .popup

Rūdolfs Ošiņš committed 3 years ago

commit 3904ac30da0256b98e475b0969f43ad09230346f
parent 0200fad48264c85d860fc1252ba387031bdfa16e

4 files changed +25 -13

modified public/index.css

@@ -331,16 +331,6 @@ label.input {

 	background-color: var(--color-negative);
 }
 .dropdown, .popup {
 	background-color: var(--color-foreground-background);
 	margin-top: 0.5rem;
 	padding: 0.5rem 0;
 	position: absolute;
 	box-shadow: 16px 16px 32px 32px var(--color-shadow);
 	z-index: 10;
 	border-radius: var(--border-radius-small);
 }
 .error {
 	color: var(--color-negative) !important;
 	border-color: var(--color-negative) !important;

modified src/Dropdown.svelte

@@ -12,6 +12,16 @@

 </script>
 <style>
   .dropdown {
     background-color: var(--color-foreground-background);
     margin-top: 0.5rem;
     padding: 0.5rem 0;
     position: absolute;
     box-shadow: 16px 16px 32px 32px var(--color-shadow);
     z-index: 10;
     border-radius: var(--border-radius-small);
   }
   .dropdown-item {
     white-space: nowrap;
     cursor: pointer;

modified src/base/projects/CloneButton.svelte

@@ -22,8 +22,14 @@

     background-color: var(--color-foreground-background-lighter);
   }
   .dropdown {
     background-color: var(--color-foreground-background);
     border-radius: var(--border-radius-small);
     box-shadow: 16px 16px 32px 32px var(--color-shadow);
     margin-top: 0.5rem;
     padding: 1rem;
     position: absolute;
     width: 24rem;
     z-index: 10;
   }
   @media (max-width: 720px) {
     .dropdown {

modified src/base/projects/Commit/CommitVerifiedBadge.svelte

@@ -13,11 +13,17 @@

     position: absolute;
   }
   .popup {
     width: 14rem;
     left: -1rem;
     z-index: 99;
     background-color: var(--color-foreground-background);
     border-radius: var(--border-radius-small);
     box-shadow: 16px 16px 32px 32px var(--color-shadow);
     color: var(--color-foreground);
     font-size: 0.75rem;
     left: -1rem;
     margin-top: 0.5rem;
     padding: 0.5rem 0;
     position: absolute;
     width: 14rem;
     z-index: 99;
   }
   .header {
     display: flex;