Test project: styling changes

Accenture · May 17, 2019 · c57319e · c57319e
1 parent 11cfdfb
commit c57319e
Show file tree

Hide file tree

Showing 5 changed files with 47 additions and 6 deletions.
diff --git a/test/Test.mpr b/test/Test.mpr
diff --git a/test/theme/index-rtl.html b/test/theme/index-rtl.html
@@ -12,7 +12,7 @@
 
         {{themecss}}
     </head>
-    <body dir="rtl" class="brand-default">
+    <body dir="rtl">
         <div id="content"></div>
         <script>
             dojoConfig = {

diff --git a/test/theme/index.html b/test/theme/index.html
@@ -20,7 +20,7 @@
         <!-- <link href="resources/ios/startup/apple-touch-startup-image-1496x2048.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image"> -->
 
     </head>
-    <body dir="ltr" class="brand-default">
+    <body dir="ltr">
         <div id="content"></div>
         <script>
             dojoConfig = {

diff --git a/test/theme/styles/css/custom/custom.css b/test/theme/styles/css/custom/custom.css
@@ -6,8 +6,8 @@
   content:url("/img/Test$Images$brand2.png");
 }
 
-.brand-default .brand-image {
-  display: none;
+.layout-atlas .region-sidebar {
+  background-color: #f5f8fd;
 }
 
 .brand1 .region-sidebar {
@@ -18,6 +18,47 @@
   background-color: #bcacd5;
 }
 
-.brand-default .region-sidebar {
-  background-color: #81a9d1;
+.layout-atlas .region-sidebar span.glyphicon {
+  color: #ccc;
+}
+
+.brand1 .region-sidebar span.glyphicon {
+  color: #fff;
+}
+
+.brand2 .region-sidebar span.glyphicon {
+  color: #fff;
+}
+
+.layout-atlas .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree .navbar-inner > ul > li > a.active .glyphicon {
+  background: #fff;
+}
+
+.brand1 .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree .navbar-inner > ul > li > a.active .glyphicon {
+  background: #ccc;
+}
+
+.brand2 .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree .navbar-inner > ul > li > a.active .glyphicon {
+  background: #ccc;
+}
+
+.layout-atlas .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a {
+  background-color: #f5f8fd;
+  border-color: #f5f8fd;
+  position: relative;
+  transition: none;
+}
+
+.brand1 .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a {
+  background-color: #a51925;
+  border-color: #a51925;
+  position: relative;
+  transition: none;
+}
+
+.brand2 .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a {
+  background-color: #bcacd5;
+  border-color: #bcacd5;
+  position: relative;
+  transition: none;
 }
diff --git a/test/widgets/CssClassSwitcher.mpk b/test/widgets/CssClassSwitcher.mpk