couchdb-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From robertkowal...@apache.org
Subject [4/4] fauxton commit: updated refs/heads/master to e799551
Date Thu, 01 Sep 2016 15:09:38 GMT
tabs: minor style updates

 - make font for selected tab bold
 - don't highlight tab content on hover if tab is selected
 - inccrease space between tabs to 5px
 - reset margin applied from bootstrap

PR: #757
PR-URL: https://github.com/apache/couchdb-fauxton/pull/757
Reviewed-By: Michelle Phung <michellep@apache.org>


Project: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/repo
Commit: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/commit/b2c7fc2c
Tree: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/tree/b2c7fc2c
Diff: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/diff/b2c7fc2c

Branch: refs/heads/master
Commit: b2c7fc2c7bb856f665f742a2d3094c0c981180ad
Parents: 7005575
Author: Robert Kowalski <robertkowalski@apache.org>
Authored: Fri Jul 29 15:02:27 2016 +0200
Committer: Robert Kowalski <robertkowalski@apache.org>
Committed: Thu Sep 1 17:09:18 2016 +0200

----------------------------------------------------------------------
 .../components/assets/less/tab-element.less     | 21 +++++++++++++++++++-
 .../components/react-components.react.jsx       |  2 +-
 2 files changed, 21 insertions(+), 2 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/b2c7fc2c/app/addons/components/assets/less/tab-element.less
----------------------------------------------------------------------
diff --git a/app/addons/components/assets/less/tab-element.less b/app/addons/components/assets/less/tab-element.less
index 6258cff..d9cc152 100644
--- a/app/addons/components/assets/less/tab-element.less
+++ b/app/addons/components/assets/less/tab-element.less
@@ -13,6 +13,9 @@
 @import "../../../../../assets/less/mixins.less";
 
 .component-tab-element-wrapper {
+  margin-left: 0;
+  padding-left: 0;
+  margin-bottom: 0;
   height: 60px;
   background-color: #CBCBCB;
   padding-left: 20px;
@@ -24,6 +27,10 @@
 .component-tab-element {
   background-color: #eee;
   margin-top: 10px;
+  margin-right: 5px;
+  margin-bottom: -1px;
+  float: left;
+  list-style-type: none;
   line-height: 40px;
 
   input {
@@ -32,13 +39,13 @@
 
   label {
     margin-right: 0;
+    margin-bottom: 0;
     line-height: 25px;
     .noselect()
   }
 
   .tab-element-content {
     padding: 8px 12px 12px 12px;
-
   }
 
   .tab-element-indicator-wrapper {
@@ -59,6 +66,10 @@
     background-color: #fff;
   }
 
+  &.tab-element-checked .tab-element-content {
+    font-weight: bold;
+  }
+
   transition: all .25s linear;
 
   &:hover {
@@ -66,6 +77,14 @@
     color: @linkColorHover;
   };
 
+  &.tab-element-checked .tab-element-content:hover {
+    color: initial;
+  };
+
+  &.tab-element-checked:hover {
+    color: initial;
+  };
+
   &:hover .tab-element-indicator {
     height: 5px;
     background-color: @linkColorHover;

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/b2c7fc2c/app/addons/components/react-components.react.jsx
----------------------------------------------------------------------
diff --git a/app/addons/components/react-components.react.jsx b/app/addons/components/react-components.react.jsx
index 34d0b3d..2938cbc 100644
--- a/app/addons/components/react-components.react.jsx
+++ b/app/addons/components/react-components.react.jsx
@@ -1586,7 +1586,7 @@ TabElement.propTypes = {
 
 const TabElementWrapper = ({children}) => {
   return (
-    <ul className="nav nav-tabs component-tab-element-wrapper">
+    <ul className="component-tab-element-wrapper">
       {children}
     </ul>
   );


Mime
View raw message