From 2a9be37f2736ccf617b6733c2d6725f5f2d558f6 Mon Sep 17 00:00:00 2001 From: KirylHatalski Date: Wed, 11 Dec 2024 20:00:12 +0300 Subject: [PATCH] feat: fixes for general styling --- views/js/controller/main.js | 2 +- views/scss/inc/_action-bars.scss | 175 ++++++++++---------- views/scss/inc/_header-footer.scss | 5 + views/templates/blocks/header-main-navi.tpl | 2 +- views/templates/blocks/sections.tpl | 3 +- 5 files changed, 100 insertions(+), 87 deletions(-) diff --git a/views/js/controller/main.js b/views/js/controller/main.js index 3dea88984f..9d791a34bf 100755 --- a/views/js/controller/main.js +++ b/views/js/controller/main.js @@ -168,7 +168,7 @@ define([ .catch(handleError); }); - $('.navi-container', section.panel).show(); + $('.navi-container', section.panel).addClass('loaded').show(); break; case 'content': diff --git a/views/scss/inc/_action-bars.scss b/views/scss/inc/_action-bars.scss index 670ab62255..eddfa4bb87 100644 --- a/views/scss/inc/_action-bars.scss +++ b/views/scss/inc/_action-bars.scss @@ -329,6 +329,12 @@ body.qc-wins { color: #919191 !important; } } + + a.li-inner { + &>.glyph { + padding: 0; + } + } } .search-area { @@ -345,7 +351,6 @@ body.qc-wins { } .tab-container { - .small, .btn-info { border: none !important; background: #ffffff !important; @@ -408,16 +413,28 @@ body.qc-wins { .navi-container { position: relative; + background: #fff; + &.loaded { + display: flex !important; + flex-direction: column-reverse; + } + h3.navi-heading { display: inline-block; margin: 0; width: 100%; - padding: 4rem .5rem 0; + padding: 0 .5rem; background: #ffffff; font-weight: 700; font-size: 1.8rem; } + + .section-trees { + margin-bottom: auto; + } .taotree.tree { + padding-left: .5rem; + ul.ltr, ul.rtl { margin: 0; } @@ -454,13 +471,6 @@ body.qc-wins { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.648 7.38a.248.248 0 0 1-.082.179L5.93 11.195a.248.248 0 0 1-.178.082.22.22 0 0 1-.178-.082l-.396-.396a.22.22 0 0 1-.082-.178c0-.064.027-.123.082-.178l3.076-3.062-3.076-3.076a.248.248 0 0 1-.082-.178.22.22 0 0 1 .082-.178l.396-.396a.22.22 0 0 1 .178-.082c.064 0 .123.027.178.082l3.636 3.636a.262.262 0 0 1 .082.192Z'/%3E%3C/svg%3E"); } } - - //TODO: need to be discussed - &:nth-child(even) { - a { - background-color: #F2F3F3; - } - } } .node-class { &>a>ins:before, @@ -484,104 +494,97 @@ body.qc-wins { } } } + .node-instance { + ins { + &:before { + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.84 2.908a11.535 11.535 0 0 0-1.107-1.266A11.45 11.45 0 0 0 8.467.536C7.812.056 7.494 0 7.312 0H1.016C.456 0 0 .455 0 1.016v10.968C0 12.544.456 13 1.016 13h9.343c.56 0 1.016-.456 1.016-1.016V4.063c0-.182-.056-.5-.536-1.155Zm-1.682-.691c.39.39.696.741.921 1.033H8.125V1.296c.292.225.643.531 1.033.92Zm1.405 9.767c0 .11-.094.204-.204.204H1.016a.206.206 0 0 1-.204-.204V1.016c0-.11.094-.204.204-.204h6.296v2.844c0 .224.183.406.407.406h2.843v7.922Z'/%3E%3Cpath d='M8.531 10.563H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 8.938H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 7.313H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813Z'/%3E%3C/svg%3E"); + display: inline-block; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 15px; + height: 15px; + } + } - &.taotree-item { - .node-instance { - ins { - &:before { - content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.84 2.908a11.535 11.535 0 0 0-1.107-1.266A11.45 11.45 0 0 0 8.467.536C7.812.056 7.494 0 7.312 0H1.016C.456 0 0 .455 0 1.016v10.968C0 12.544.456 13 1.016 13h9.343c.56 0 1.016-.456 1.016-1.016V4.063c0-.182-.056-.5-.536-1.155Zm-1.682-.691c.39.39.696.741.921 1.033H8.125V1.296c.292.225.643.531 1.033.92Zm1.405 9.767c0 .11-.094.204-.204.204H1.016a.206.206 0 0 1-.204-.204V1.016c0-.11.094-.204.204-.204h6.296v2.844c0 .224.183.406.407.406h2.843v7.922Z'/%3E%3Cpath d='M8.531 10.563H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 8.938H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 7.313H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813Z'/%3E%3C/svg%3E"); - display: inline-block; - position: absolute; - top: 50%; - transform: translateY(-50%); - width: 15px; - height: 15px; + a { + &:hover { + ins:before { + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M10.84 2.908a11.535 11.535 0 0 0-1.107-1.266A11.45 11.45 0 0 0 8.467.536C7.812.056 7.494 0 7.312 0H1.016C.456 0 0 .455 0 1.016v10.968C0 12.544.456 13 1.016 13h9.343c.56 0 1.016-.456 1.016-1.016V4.063c0-.182-.056-.5-.536-1.155Zm-1.682-.691c.39.39.696.741.921 1.033H8.125V1.296c.292.225.643.531 1.033.92Zm1.405 9.767c0 .11-.094.204-.204.204H1.016a.206.206 0 0 1-.204-.204V1.016c0-.11.094-.204.204-.204h6.296v2.844c0 .224.183.406.407.406h2.843v7.922Z' fill='%233581C4'/%3E%3Cpath d='M8.531 10.563H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 8.938H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 7.313H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813Z' fill='%233581C4'/%3E%3C/svg%3E"); } } + &.clicked { + ins { + &:before { + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10.84 2.908a11.535 11.535 0 0 0-1.107-1.266A11.45 11.45 0 0 0 8.467.536C7.812.056 7.494 0 7.312 0H1.016C.456 0 0 .455 0 1.016v10.968C0 12.544.456 13 1.016 13h9.343c.56 0 1.016-.456 1.016-1.016V4.063c0-.182-.056-.5-.536-1.155Zm-1.682-.691c.39.39.696.741.921 1.033H8.125V1.296c.292.225.643.531 1.033.92Zm1.405 9.767c0 .11-.094.204-.204.204H1.016a.206.206 0 0 1-.204-.204V1.016c0-.11.094-.204.204-.204h6.296v2.844c0 .224.183.406.407.406h2.843v7.922Z'/%3E%3Cpath d='M8.531 10.563H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 8.938H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 7.313H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813Z'/%3E%3C/svg%3E"); + } + } + } + } + + &.permissions-none, + &.permissions-partial { + a>ins:before { + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M10.84 2.908a11.535 11.535 0 0 0-1.107-1.266A11.45 11.45 0 0 0 8.467.536C7.812.056 7.494 0 7.312 0H1.016C.456 0 0 .455 0 1.016v10.968C0 12.544.456 13 1.016 13h9.343c.56 0 1.016-.456 1.016-1.016V4.063c0-.182-.056-.5-.536-1.155Zm-1.682-.691c.39.39.696.741.921 1.033H8.125V1.296c.292.225.643.531 1.033.92Zm1.405 9.767c0 .11-.094.204-.204.204H1.016a.206.206 0 0 1-.204-.204V1.016c0-.11.094-.204.204-.204h6.296v2.844c0 .224.183.406.407.406h2.843v7.922Z' fill='%23121212'/%3E%3Cpath d='M8.531 10.563H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 8.938H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 7.313H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813Z' fill='%23121212'/%3E%3Cpath d='M6.656 7.083v.25h3.404V4.905a1.702 1.702 0 0 0-3.404 0v2.178Zm-.953 1.203V4.905a2.655 2.655 0 0 1 5.31 0v3.38h-5.31Z' fill='%23fff' stroke='%23000' stroke-width='.5'/%3E%3Cpath d='M4.25 11.916v-5.31h8.214v5.31H4.25Z' fill='%23fff' stroke='%23000' stroke-width='.5'/%3E%3Cpath d='M7.88 10.464V8.06h.953v2.404h-.952Z' stroke='%23000' stroke-width='.5'/%3E%3C/svg%3E"); + } + + ins:after { + display: none; + } + a { &:hover { ins:before { - content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M10.84 2.908a11.535 11.535 0 0 0-1.107-1.266A11.45 11.45 0 0 0 8.467.536C7.812.056 7.494 0 7.312 0H1.016C.456 0 0 .455 0 1.016v10.968C0 12.544.456 13 1.016 13h9.343c.56 0 1.016-.456 1.016-1.016V4.063c0-.182-.056-.5-.536-1.155Zm-1.682-.691c.39.39.696.741.921 1.033H8.125V1.296c.292.225.643.531 1.033.92Zm1.405 9.767c0 .11-.094.204-.204.204H1.016a.206.206 0 0 1-.204-.204V1.016c0-.11.094-.204.204-.204h6.296v2.844c0 .224.183.406.407.406h2.843v7.922Z' fill='%233581C4'/%3E%3Cpath d='M8.531 10.563H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 8.938H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 7.313H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813Z' fill='%233581C4'/%3E%3C/svg%3E"); + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M10.84 2.908a11.535 11.535 0 0 0-1.107-1.266A11.45 11.45 0 0 0 8.467.536C7.812.056 7.494 0 7.312 0H1.016C.456 0 0 .455 0 1.016v10.968C0 12.544.456 13 1.016 13h9.343c.56 0 1.016-.456 1.016-1.016V4.063c0-.182-.056-.5-.536-1.155Zm-1.682-.691c.39.39.696.741.921 1.033H8.125V1.296c.292.225.643.531 1.033.92Zm1.405 9.767c0 .11-.094.204-.204.204H1.016a.206.206 0 0 1-.204-.204V1.016c0-.11.094-.204.204-.204h6.296v2.844c0 .224.183.406.407.406h2.843v7.922Z' fill='%233581C4'/%3E%3Cpath d='M8.531 10.563H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 8.938H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 7.313H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813Z' fill='%233581C4'/%3E%3Cpath d='M6.656 7.083v.25h3.404V4.905a1.702 1.702 0 0 0-3.404 0v2.178Zm-.953 1.203V4.905a2.655 2.655 0 0 1 5.31 0v3.38h-5.31Z' fill='%23fff' stroke='%233581C4' stroke-width='.5'/%3E%3Cpath d='M4.25 11.916v-5.31h8.214v5.31H4.25Z' fill='%23fff' stroke='%233581C4' stroke-width='.5'/%3E%3Cpath d='M7.88 10.464V8.06h.953v2.404h-.952Z' fill='%23fff' stroke='%233581C4' stroke-width='.5'/%3E%3C/svg%3E"); } } &.clicked { ins { &:before { - content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10.84 2.908a11.535 11.535 0 0 0-1.107-1.266A11.45 11.45 0 0 0 8.467.536C7.812.056 7.494 0 7.312 0H1.016C.456 0 0 .455 0 1.016v10.968C0 12.544.456 13 1.016 13h9.343c.56 0 1.016-.456 1.016-1.016V4.063c0-.182-.056-.5-.536-1.155Zm-1.682-.691c.39.39.696.741.921 1.033H8.125V1.296c.292.225.643.531 1.033.92Zm1.405 9.767c0 .11-.094.204-.204.204H1.016a.206.206 0 0 1-.204-.204V1.016c0-.11.094-.204.204-.204h6.296v2.844c0 .224.183.406.407.406h2.843v7.922Z'/%3E%3Cpath d='M8.531 10.563H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 8.938H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 7.313H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813Z'/%3E%3C/svg%3E"); - } - } - } - } - - &.permissions-none, - &.permissions-partial { - a>ins:before { - content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M10.84 2.908a11.535 11.535 0 0 0-1.107-1.266A11.45 11.45 0 0 0 8.467.536C7.812.056 7.494 0 7.312 0H1.016C.456 0 0 .455 0 1.016v10.968C0 12.544.456 13 1.016 13h9.343c.56 0 1.016-.456 1.016-1.016V4.063c0-.182-.056-.5-.536-1.155Zm-1.682-.691c.39.39.696.741.921 1.033H8.125V1.296c.292.225.643.531 1.033.92Zm1.405 9.767c0 .11-.094.204-.204.204H1.016a.206.206 0 0 1-.204-.204V1.016c0-.11.094-.204.204-.204h6.296v2.844c0 .224.183.406.407.406h2.843v7.922Z' fill='%23121212'/%3E%3Cpath d='M8.531 10.563H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 8.938H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 7.313H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813Z' fill='%23121212'/%3E%3Cpath d='M6.656 7.083v.25h3.404V4.905a1.702 1.702 0 0 0-3.404 0v2.178Zm-.953 1.203V4.905a2.655 2.655 0 0 1 5.31 0v3.38h-5.31Z' fill='%23fff' stroke='%23000' stroke-width='.5'/%3E%3Cpath d='M4.25 11.916v-5.31h8.214v5.31H4.25Z' fill='%23fff' stroke='%23000' stroke-width='.5'/%3E%3Cpath d='M7.88 10.464V8.06h.953v2.404h-.952Z' stroke='%23000' stroke-width='.5'/%3E%3C/svg%3E"); - } - - ins:after { - display: none; - } - - a { - &:hover { - ins:before { - content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M10.84 2.908a11.535 11.535 0 0 0-1.107-1.266A11.45 11.45 0 0 0 8.467.536C7.812.056 7.494 0 7.312 0H1.016C.456 0 0 .455 0 1.016v10.968C0 12.544.456 13 1.016 13h9.343c.56 0 1.016-.456 1.016-1.016V4.063c0-.182-.056-.5-.536-1.155Zm-1.682-.691c.39.39.696.741.921 1.033H8.125V1.296c.292.225.643.531 1.033.92Zm1.405 9.767c0 .11-.094.204-.204.204H1.016a.206.206 0 0 1-.204-.204V1.016c0-.11.094-.204.204-.204h6.296v2.844c0 .224.183.406.407.406h2.843v7.922Z' fill='%233581C4'/%3E%3Cpath d='M8.531 10.563H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 8.938H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 7.313H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813Z' fill='%233581C4'/%3E%3Cpath d='M6.656 7.083v.25h3.404V4.905a1.702 1.702 0 0 0-3.404 0v2.178Zm-.953 1.203V4.905a2.655 2.655 0 0 1 5.31 0v3.38h-5.31Z' fill='%23fff' stroke='%233581C4' stroke-width='.5'/%3E%3Cpath d='M4.25 11.916v-5.31h8.214v5.31H4.25Z' fill='%23fff' stroke='%233581C4' stroke-width='.5'/%3E%3Cpath d='M7.88 10.464V8.06h.953v2.404h-.952Z' fill='%23fff' stroke='%233581C4' stroke-width='.5'/%3E%3C/svg%3E"); - } - } - - &.clicked { - ins { - &:before { - content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.84 2.908a11.535 11.535 0 0 0-1.107-1.266A11.45 11.45 0 0 0 8.467.536C7.812.056 7.494 0 7.312 0H1.016C.456 0 0 .455 0 1.016v10.968C0 12.544.456 13 1.016 13h9.343c.56 0 1.016-.456 1.016-1.016V4.063c0-.182-.056-.5-.536-1.155Zm-1.682-.691c.39.39.696.741.921 1.033H8.125V1.296c.292.225.643.531 1.033.92Zm1.405 9.767c0 .11-.094.204-.204.204H1.016a.206.206 0 0 1-.204-.204V1.016c0-.11.094-.204.204-.204h6.296v2.844c0 .224.183.406.407.406h2.843v7.922Z' fill='%23fff'/%3E%3Cpath d='M8.531 10.563H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 8.938H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 7.313H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813Z' fill='%23fff'/%3E%3Cpath d='M6.656 7.083v.25h3.404V4.905a1.702 1.702 0 0 0-3.404 0v2.178Zm-.953 1.203V4.905a2.655 2.655 0 0 1 5.31 0v3.38h-5.31Z' fill-opacity='0' stroke='%23fff' stroke-width='.5'/%3E%3Cpath d='M4.25 11.916v-5.31h8.214v5.31H4.25Z' fill='%23176998' stroke='%23fff' stroke-width='.5'/%3E%3Cpath d='M7.88 10.464V8.06h.953v2.404h-.952Z' fill-opacity='0' stroke='%23fff' stroke-width='.5'/%3E%3C/svg%3E"); - } + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.84 2.908a11.535 11.535 0 0 0-1.107-1.266A11.45 11.45 0 0 0 8.467.536C7.812.056 7.494 0 7.312 0H1.016C.456 0 0 .455 0 1.016v10.968C0 12.544.456 13 1.016 13h9.343c.56 0 1.016-.456 1.016-1.016V4.063c0-.182-.056-.5-.536-1.155Zm-1.682-.691c.39.39.696.741.921 1.033H8.125V1.296c.292.225.643.531 1.033.92Zm1.405 9.767c0 .11-.094.204-.204.204H1.016a.206.206 0 0 1-.204-.204V1.016c0-.11.094-.204.204-.204h6.296v2.844c0 .224.183.406.407.406h2.843v7.922Z' fill='%23fff'/%3E%3Cpath d='M8.531 10.563H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 8.938H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813ZM8.531 7.313H2.844a.406.406 0 0 1 0-.813H8.53a.406.406 0 0 1 0 .813Z' fill='%23fff'/%3E%3Cpath d='M6.656 7.083v.25h3.404V4.905a1.702 1.702 0 0 0-3.404 0v2.178Zm-.953 1.203V4.905a2.655 2.655 0 0 1 5.31 0v3.38h-5.31Z' fill-opacity='0' stroke='%23fff' stroke-width='.5'/%3E%3Cpath d='M4.25 11.916v-5.31h8.214v5.31H4.25Z' fill='%23176998' stroke='%23fff' stroke-width='.5'/%3E%3Cpath d='M7.88 10.464V8.06h.953v2.404h-.952Z' fill-opacity='0' stroke='%23fff' stroke-width='.5'/%3E%3C/svg%3E"); } } } } - - &.last a { - overflow: hidden; - } } - .node-class, - .node-instance { - a { - display: flex; - overflow: hidden; - align-items: center; - height: 22px; - padding-left: 100%; - margin-left: -100%; - &.clicked { - color: #FFFFFF; - background-color: #176998; - border: none; - border-radius: 0; - } + &.last a { + overflow: hidden; + } + } + .node-class, + .node-instance { + a { + display: flex; + overflow: hidden; + align-items: center; + height: 22px; + padding-left: 100%; + margin-left: -100%; + + &.clicked { + color: #FFFFFF; + background-color: #176998; + border: none; + border-radius: 0; + } - &:after, .open-close { - display: none; - } + &:after, .open-close { + display: none; } } } } .tree-action-bar-box { - position: absolute; - top: 0; + margin: 1rem 0 0; .tree-action-bar { background: #fff; - border-radius: 3px; - border: 1px solid #195171; - box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2); display: flex; - justify-content: space-around; - width: 100%; + justify-content: start; + flex-wrap: wrap; li.action { width: auto; @@ -590,15 +593,19 @@ body.qc-wins { padding: .6rem; .li-inner { - height: 1.7rem; - width: 1.7rem; + height: 2.5rem; + width: 2.5rem; padding: 0; .glyph { margin: 0 !important; - width: 1.4rem; - height: 1.4rem; + //width: 1.4rem; + //height: 1.4rem; color: #808080DD; + + &:before { + font-size: 2.5rem; + } } .action-name { @@ -609,4 +616,6 @@ body.qc-wins { } } } -} \ No newline at end of file +} + +//body.qc-wins .navi-container .taotree.tree.taotree-item .node-instance a.clicked ins:before \ No newline at end of file diff --git a/views/scss/inc/_header-footer.scss b/views/scss/inc/_header-footer.scss index 75409ba9d0..2c2b1be7c3 100644 --- a/views/scss/inc/_header-footer.scss +++ b/views/scss/inc/_header-footer.scss @@ -502,6 +502,11 @@ body.qc-wins { &:hover { color: #121212; } + + .glyph { + font-size: 1.6rem; + margin-right: .5rem; + } } } } diff --git a/views/templates/blocks/header-main-navi.tpl b/views/templates/blocks/header-main-navi.tpl index 4f6231a30e..dc23aa5d57 100644 --- a/views/templates/blocks/header-main-navi.tpl +++ b/views/templates/blocks/header-main-navi.tpl @@ -16,7 +16,7 @@ $taoAsATool = get_data('taoAsATool');
  • - getIcon(), 'icon-extension') : ''?> + getIcon(), 'icon-extension') ?> getName()) ?> 1): ?>