Back-end styling clean-up (#486)

studiobosco · Aug 4, 2021 · cced975 · cced975
1 parent a236fcd
commit cced975
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 8 deletions.
diff --git a/assets/css/pages.css b/assets/css/pages.css
@@ -16,6 +16,9 @@
 .control-filelist.menu-list li > a:hover:before {
  background-position: 0 -60px;
 }
+.control-filelist.menu-list li.active > a:before {
+ background-position: 0 -60px;
+}
 .control-filelist.content li > a {
  position: relative;
 }
@@ -34,6 +37,9 @@
 .control-filelist.content li > a:hover:before {
  background-position: 0 -27px;
 }
+.control-filelist.content li.active > a:before {
+ background-position: 0 -27px;
+}
 .control-filelist.content li.group ul li > a:before {
  left: 34px;
 }
@@ -45,13 +51,14 @@
  position: absolute;
  width: 17px;
  height: 19px;
+ top: 13px;
  content: ' ';
  background-image: url(../images/snippet-icons.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 34px auto;
  left: 18px;
- top: 13px;
+ top: 12px;
 }
 .control-filelist.snippet-list li > a:hover:before {
  background-position: 0 -21px;
@@ -67,13 +74,19 @@
  .control-filelist.menu-list li > a:hover:before {
  background-position: 0px -40px;
  }
+ .control-filelist.menu-list li.active > a:before {
+ background-position: 0px -40px;
+ }
  .control-filelist.content li a:before {
  background-position: 0px -27px;
  background-size: 17px auto;
  }
  .control-filelist.content li a:hover:before {
  background-position: 0px -52px;
  }
+ .control-filelist.content li.active a:before {
+ background-position: 0px -52px;
+ }
  .control-filelist.snippet-list li a:before {
  background-position: 0px -21px;
  background-size: 17px auto;
@@ -83,7 +96,7 @@
  }
 }
 .fancy-layout .pagesTextEditor {
- border-left: 1px solid #bdc3c7 !important;
+ border-left: 1px solid #CFD7E1 !important;
 }
 .control-richeditor [data-snippet]:before {
  content: attr(data-name);
@@ -93,7 +106,7 @@
  width: 17px;
  height: 19px;
  left: 18px;
- top: 17px;
+ top: 13px;
  content: ' ';
  background-image: url(../images/snippet-icons.png);
  background-position: 0 0;
@@ -120,7 +133,3 @@
  background-size: 17px auto;
  }
 }
-.form-group.secondary-tab {
- padding: 10px 20px;
- background: #fff;
-}
diff --git a/assets/js/pages-page.js b/assets/js/pages-page.js
@@ -479,6 +479,9 @@
  $primaryPanel.parent().removeClass('min-size');
  }
 
+ $secondaryPanel.find('> .tab-content > .tab-pane:gt(0)').addClass('padded-pane');
+ $secondaryPanel.find('> .layout-row > .nav-tabs > li:gt(0)').addClass('tab-content-bg');
+
  $collapseIcon.click(function(){
  $panel.toggleClass('collapsed')
 

diff --git a/assets/less/pages.less b/assets/less/pages.less
@@ -26,6 +26,10 @@
  }
  }
  }
+
+ &.active > a:before {
+ background-position: 0 -60px;
+ }
  }
 }
 
@@ -55,6 +59,10 @@
  }
  }
 
+ li.active > a:before {
+ background-position: 0 -27px;
+ }
+
  li.group ul li > a:before {
  left: 34px;
  }
@@ -84,7 +92,7 @@
  .page-snippet-icon();
 
  left: 18px;
- top: 17px;
+ top: 12px;
  }
 
  &:hover {
@@ -114,6 +122,10 @@
  }
  }
  }
+
+ &.active > a:before {
+ background-position: 0px -40px;
+ }
  }
  }
 
@@ -131,6 +143,10 @@
  }
  }
  }
+
+ &.active a:before {
+ background-position: 0px -52px;
+ }
  }
  }
 

diff --git a/updates/version.yaml b/updates/version.yaml
@@ -59,3 +59,4 @@
 1.4.3: Fixes page deletion is newer platform builds.
 1.4.4: Disable touch device detection
 1.4.5: Minor styling improvements
+1.4.6: Minor styling improvements