fix(pulscen): доработки рубрикатора

[PATCH]: правки вложенности рубрик в рубрикаторе https://jira.railsc.ru/browse/PC4-23923
ipagbox · Oct 25, 2019 · 35fb81f · 35fb81f
1 parent 521253c
commit 35fb81f
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 2 deletions.
diff --git a/src/blocks/pulscen/rubricator/example/common.html b/src/blocks/pulscen/rubricator/example/common.html
@@ -10,11 +10,38 @@
       </div>
       <div class="aui-rubricator">
         <ul class="aui-rubricator__list">
+          <li class="aui-rubricator__list-item aui-rubricator__list-item_level-2">
+            <div class="aui-rubricator__item-cover">
+              <span class="aui-rubricator__toggler"></span>
+              <a class="aui-rubricator__item-link" href="#">
+                <span class="aui-rubricator__item-title">Уровень 2</span>
+                <span class="aui-rubricator__item-amount">8</span>
+              </a>
+            </div>
+          </li>
+          <li class="aui-rubricator__list-item aui-rubricator__list-item_level-3">
+            <div class="aui-rubricator__item-cover">
+              <span class="aui-rubricator__toggler"></span>
+              <a class="aui-rubricator__item-link" href="#">
+                <span class="aui-rubricator__item-title">Уровень 3</span>
+                <span class="aui-rubricator__item-amount">3</span>
+              </a>
+            </div>
+          </li>
+          <li class="aui-rubricator__list-item aui-rubricator__list-item_level-4">
+            <div class="aui-rubricator__item-cover">
+              <span class="aui-rubricator__toggler"></span>
+              <a class="aui-rubricator__item-link" href="#">
+                <span class="aui-rubricator__item-title">Уровень 4</span>
+                <span class="aui-rubricator__item-amount">102</span>
+              </a>
+            </div>
+          </li>
           <li class="aui-rubricator__list-item aui-rubricator__list-item_level-5">
             <div class="aui-rubricator__item-cover">
               <span class="aui-rubricator__toggler"></span>
               <a class="aui-rubricator__item-link" href="#">
-                <span class="aui-rubricator__item-title">Труба НКТ</span>
+                <span class="aui-rubricator__item-title">Уровень 5</span>
                 <span class="aui-rubricator__item-amount">38</span>
               </a>
             </div>

diff --git a/src/blocks/pulscen/rubricator/rubricator.css b/src/blocks/pulscen/rubricator/rubricator.css
@@ -15,9 +15,30 @@
 .aui-rubricator__list-item:last-child {
   margin: 0;
 }
-.aui-rubricator__list-item_level-5 .aui-rubricator__item-link {
+.aui-rubricator__list-item_level-2 .aui-rubricator__item-link {
+  padding-left: var(--indent-xl);
+}
+.aui-rubricator__list-item_level-2 .aui-rubricator__toggler {
+  left: var(--indent-s);
+}
+.aui-rubricator__list-item_level-3 .aui-rubricator__item-link {
   padding-left: var(--indent-xxl);
 }
+.aui-rubricator__list-item_level-3 .aui-rubricator__toggler {
+  left: var(--indent-m);
+}
+.aui-rubricator__list-item_level-4 .aui-rubricator__item-link {
+  padding-left: var(--indent-xxxl);
+}
+.aui-rubricator__list-item_level-4 .aui-rubricator__toggler {
+  left: var(--indent-l);
+}
+.aui-rubricator__list-item_level-5 .aui-rubricator__item-link {
+  padding-left: var(--indent-xxxxl);
+}
+.aui-rubricator__list-item_level-5 .aui-rubricator__toggler {
+  left: var(--indent-xl);
+}
 .aui-rubricator__item-cover {
   position: relative;
 }