fix(link): link is incorrectly displayed in the text #UIM-50

positive-js · Jun 28, 2019 · 5619d23 · 5619d23
1 parent a1a4b39
commit 5619d23
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 23 deletions.
diff --git a/packages/mosaic-dev/link/template.html b/packages/mosaic-dev/link/template.html
@@ -1,4 +1,4 @@
-<table cellpadding="10" cellspacing="10" style="margin: auto; text-align: left;">
+<table cellpadding="10" cellspacing="10" style="margin: auto; text-align: left;" class="mc-body">
     <tr>
         <td>Disabled</td>
         <td>Normal</td>
@@ -67,17 +67,25 @@
         </td>
     </tr>
     <tr>
-        <td><a class="mc-link mc-link_underlined" [disabled]="true" href="">
-            <i mc-icon="mc-calendar_16" class="mc-link__icon"></i>
-            <span class="mc-link__text">В западной традиции рыбой выступает фрагмент латинского текста из философского трактата Цицерона «О пределах добра и зла», написанного в 45 году до нашей эры. Впервые этот текст был применен для набора шрифтовых образцов неизвестным печатником еще в XVI веке.</span>
-            <i mc-icon="mc-angle-down-L_16" class="mc-link__icon"></i>
-        </a>
+        <td>
+            <a class="mc-link mc-link_underlined" [disabled]="true">
+                <i mc-icon="mc-calendar_16" class="mc-link__icon"></i>
+                <span class="mc-link__text">В западной традиции рыбой выступает фрагмент латинского текста из философского трактата Цицерона «О пределах добра и зла», написанного в 45 году до нашей эры. Впервые этот текст был применен для набора шрифтовых образцов неизвестным печатником еще в XVI веке.</span>
+                <i mc-icon="mc-angle-down-L_16" class="mc-link__icon"></i>
+            </a>
         </td>
-        <td><a class="mc-link mc-link_underlined" >
-            <i mc-icon="mc-calendar_16" class="mc-link__icon"></i>
-            <span class="mc-link__text">В западной традиции рыбой выступает фрагмент латинского текста из философского трактата Цицерона «О пределах добра и зла», написанного в 45 году до нашей эры. Впервые этот текст был применен для набора шрифтовых образцов неизвестным печатником еще в XVI веке.</span>
-            <i mc-icon="mc-angle-down-L_16" class="mc-link__icon"></i>
-        </a>
+        <td>
+            В
+            <a class="mc-link mc-link_underlined" href="">
+                <span class="mc-link__text">западной традиции</span>
+            </a>
+            рыбой выступает фрагмент латинского текста из философского трактата Цицерона
+            <a class="mc-link mc-link_underlined" href="">
+                <span class="mc-link__text">«О пределах добра и зла», написанного в 45 году до нашей эры.</span>
+            </a>
+            <a class="mc-link mc-link_underlined" href="">
+                <span class="mc-link__text">Впервые этот текст был применен для набора шрифтовых образцов неизвестным печатником еще в XVI веке.</span>
+            </a>
         </td>
     </tr>
     <tr>

diff --git a/packages/mosaic/link/_link-theme.scss b/packages/mosaic/link/_link-theme.scss
@@ -25,7 +25,7 @@
         }
 
         &.cdk-keyboard-focused {
-            box-shadow: 0 0 0 2px $color;
+            outline-color: $color;
         }
 
         &.mc-link_underlined .mc-link__text {

diff --git a/packages/mosaic/link/link.scss b/packages/mosaic/link/link.scss
@@ -1,14 +1,4 @@
-$link-border-radius: 3px;
-$link-padding: 4px 8px;
-
-
 .mc-link {
-    display: inline-block;
-
-    outline: none;
-
-    padding: $link-padding;
-
     text-decoration: none;
 
     cursor: pointer;
@@ -26,7 +16,9 @@ $link-padding: 4px 8px;
     }
 
     &.cdk-keyboard-focused {
-        border-radius: $link-border-radius;
+        outline-width: 2px;
+        outline-style: solid;
+        outline-offset: 2px;
     }
 
     &[disabled] {