Merge pull request #2082 from weseek/imprv/subnav-background

fix color and subnav position

src/client/styles/scss/_layout_kibela.scss

@@ -40,13 +40,13 @@ body.kibela {
 
   .kibela-block {
     position: relative;
-    top: 0px;
+    top: 20px;
     right: 100px;
     bottom: 0px;
     left: 0px;
     z-index: absolute;
     max-width: 840px;
-    height: 11em;
+    height: 8em;
     margin: auto;
     border-radius: 0.35em;
   }

src/client/styles/scss/theme/_apply-colors-kibela.scss

@@ -15,6 +15,10 @@ body.kibela {
     background-color: $primary !important;
   }
 
+  .grw-subnavbar {
+    background-color: rgba(lighten($bgcolor-global, 50%), 1);
+  }
+
   /* kibela block */
   .kibela-block {
     border-top: solid 0.4em $thickborder;

src/server/views/layout-kibela/base/layout.html

@@ -11,9 +11,9 @@
 
   <div class="row body m-0 p-0">
 
-    <div id="main" class="main col-12 kibela-block bg-white round-corner {% if page %}{{ css.grant(page) }}{% endif %}{% block main_css_class %}{% endblock %}">
+    <div id="main" class="main col-12 kibela-block round-corner border-0 {% if page %}{{ css.grant(page) }}{% endif %}{% block main_css_class %}{% endblock %}">
       <div class="row grw-subnav d-edit-none">
-        <div class="col-12">
+        <div class="col-9 px-0 mx-0 kibela-block">
           {% block content_header %} {% endblock %}
         </div>
       </div>