UI: Improved CSS styles for copy-code button in markdown

1 year ago · 2abebbd352
2 changed files with 5 additions and 6 deletions
--- a/ui-ngx/src/app/modules/home/pages/device/device-check-connectivity-dialog.component.scss
+++ b/ui-ngx/src/app/modules/home/pages/device/device-check-connectivity-dialog.component.scss
@ -124,7 +124,6 @@
          background: #F3F6FA;
          border-color: #305680;
          padding-right: 38px;
-          overflow: scroll;
          padding-bottom: 4px;
          min-height: 42px;
          scrollbar-width: thin;
--- a/ui-ngx/src/app/shared/components/markdown.component.scss
+++ b/ui-ngx/src/app/shared/components/markdown.component.scss
@ -270,7 +270,7 @@
        outline: none;
        position: absolute;
        width: 206px;
-        height: 42px;
+        height: 32px;
        top: 0;
        right: 32px;
        background: 0 0;
@ -281,11 +281,11 @@
        user-select: none;

        &.multiline {
-          right: 44px;
+          right: 38px;
        }

        p {
-          padding: 8px;
+          padding: 8px 8px 0;
          top: 1px;
          transition: .2s;
          color: #2a7dec;
@ -301,10 +301,10 @@
          background-color: #fff;
          position: absolute;
          width: 38px;
-          height: 38px;
+          height: 28px;
          top: 3px;
          right: 3px;
-          padding: 10px;
+          padding: 10px 10px 0;

          img {
            position: initial;