Merge pull request #1498 from umap-project/align-copy-button

Align copy button to input in share box
umap-project · Jan 2, 2024 · c79e875 · c79e875
2 parents 05401af + 4b0bde5
commit c79e875
Show file tree

Hide file tree

Showing 5 changed files with 213 additions and 906 deletions.
diff --git a/umap/static/umap/base.css b/umap/static/umap/base.css
@@ -456,8 +456,7 @@ input.switch:checked ~ label:after {
 }
 .umap-field-iconUrl .action-button,
 .inheritable .define,
-.inheritable .undefine,
-.copy-button {
+.inheritable .undefine {
     float: right;
     width: initial;
     min-height: 18px;
@@ -652,6 +651,24 @@ input[type=hidden].blur + .button,
 input[type=hidden].blur + [type="button"] {
     display: none;
 }
+.copiable-input {
+    display: flex;
+    align-items: end;
+}
+.copiable-input input {
+    border-radius: initial;
+}
+.copiable-input button {
+    background-repeat: no-repeat;
+    background-image: url('./img/16.svg');
+    background-position: -45px -140px;
+    display: inline;
+    padding: 0 10px;
+    height: 32px;
+    width: 32px;
+    border: 1px solid #202425;
+    border-radius: initial;
+}
 
 /* *********** */
 /*    Panel    */

diff --git a/umap/static/umap/img/16.svg b/umap/static/umap/img/16.svg