You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@couchdb.apache.org by ro...@apache.org on 2016/09/01 15:09:38 UTC
[4/4] fauxton commit: updated refs/heads/master to e799551
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 <mi...@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 <ro...@apache.org>
Authored: Fri Jul 29 15:02:27 2016 +0200
Committer: Robert Kowalski <ro...@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>
);