fix(addon-doc): misaligned column fix (#2815)

* chore(demo): misaligned column fix * fixing linting issue * fixing mobile
taiga-family · Oct 10, 2022 · 783f59c · 783f59c
1 parent 962084a
commit 783f59c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/projects/addon-doc/src/components/documentation/documentation.style.less b/projects/addon-doc/src/components/documentation/documentation.style.less
@@ -36,19 +36,14 @@
 
     &:last-child {
         padding-right: 0;
-        text-align: right;
     }
 
     &_prop {
         width: 40%;
     }
 
     &_value {
-        max-width: 20rem;
-
-        :host-context(tui-root._mobile) & {
-            width: 9.375rem;
-        }
+        text-align: right;
     }
 
     :host-context(tui-root._mobile) & {
@@ -64,6 +59,15 @@
     color: var(--tui-text-02);
     font-weight: normal;
     text-align: left;
+
+    &_value {
+        max-width: 20rem;
+        text-align: right;
+
+        :host-context(tui-root._mobile) & {
+            width: 9.375rem;
+        }
+    }
 }
 
 .t-property {

diff --git a/projects/addon-doc/src/components/documentation/documentation.template.html b/projects/addon-doc/src/components/documentation/documentation.template.html
@@ -11,7 +11,7 @@
         <th class="t-th">{{ type }}</th>
         <th
             *ngIf="showValues && !isAPI"
-            class="t-th t-cell t-cell_value"
+            class="t-th t-cell t-th_value"
         >
             {{ texts[3] }}
         </th>
@@ -65,7 +65,7 @@
         </td>
         <td
             *ngIf="showValues"
-            class="t-cell"
+            class="t-cell t-cell_value"
         >
             <ng-container *ngIf="propertyConnector.shouldShowValues; else elseEmitter">
                 <tui-select