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 2014/10/15 18:10:18 UTC
fauxton commit: updated refs/heads/master to 5976c65
Repository: couchdb-fauxton
Updated Branches:
refs/heads/master b74df8929 -> 5976c65db
Move parts of fauxton.less to formstyles.less
Fauxton.less is pretty hot code when you look at the commit
frequency. This commit just moves the parts of todays
fauxton.less to the new formstyles.less file to avoid a
long living branch with endless merge conflicts. This way
my colleagues can already use the new templates.less file
and have the advantage of a small separate template.less file
as soon as possible.
Based on the work of Jenn Schiffer <je...@pancaketheorem.com>
(@jennschiffer) and Sue Lockwood <de...@apache.org>
(@deathbearbrown)
Project: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/repo
Commit: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/commit/5976c65d
Tree: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/tree/5976c65d
Diff: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/diff/5976c65d
Branch: refs/heads/master
Commit: 5976c65dbfee176a6030df77dae30a477a2e24c8
Parents: b74df89
Author: Robert Kowalski <ro...@apache.org>
Authored: Wed Oct 15 17:07:42 2014 +0200
Committer: Robert Kowalski <ro...@apache.org>
Committed: Wed Oct 15 17:35:02 2014 +0200
----------------------------------------------------------------------
assets/less/fauxton.less | 243 +-------------------------------------
assets/less/formstyles.less | 249 +++++++++++++++++++++++++++++++++++++++
2 files changed, 251 insertions(+), 241 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/5976c65d/assets/less/fauxton.less
----------------------------------------------------------------------
diff --git a/assets/less/fauxton.less b/assets/less/fauxton.less
index 68109af..a0c1cf0 100644
--- a/assets/less/fauxton.less
+++ b/assets/less/fauxton.less
@@ -22,6 +22,7 @@
@import "prettyprint.less";
@import "icons.less";
@import "templates.less";
+@import "formstyles.less";
@import "pagination.less";
/**
@@ -57,30 +58,6 @@ a:hover {
color: @linkColorHover;
}
-input[type=text],
-input[type=password] {
- .border-radius(0);
- padding: 12px;
- border: 1px solid #ccc;
- height: auto;
- font-size: 16px;
- margin-top: 0;
-}
-
-input[type="checkbox"],
-input[type="radio"] {
- box-sizing: border-box;
- padding: 0;
-}
-
-input[type="file"],
-input[type="checkbox"],
-input[type="radio"],
-select {
- margin: 0 0 1em 0;
-}
-
-
/* bootstrap overrides */
.page-header {
border-bottom: 1px solid #E3E3E3;
@@ -162,115 +139,10 @@ tbody {
padding: 18px 5px;
}
.table-striped tbody > tr:nth-child(odd) > td,
-.table-striped tbody > tr:nth-child(odd) > th
-{
+.table-striped tbody > tr:nth-child(odd) > th {
background-color: #F7F7F7;
}
-/*form elements and buttons*/
-.btn-group {
- > .btn + .dropdown-toggle,
- > .btn:first-child,
- > .btn:last-child,
- > .dropdown-toggle {
- .border-radius(0);
- background-image: none;
- text-shadow: none;
- }
-}
-
-.btn {
- .box-shadow(none);
- .border-radius(@baseBorderRadius);
- background-image: none;
- text-shadow: none;
- background-repeat: no-repeat;
- padding: 10px;
- margin-top: 0px;
- .icon {
- margin-right: 0.2em;
- }
- &.btn-small {
- padding: 5px 10px;
- .icon {
- margin-right: 0;
- font-size: inherit;
- }
- }
- &.btn-mini {
- padding: 3px 8px;
- .icon {
- margin-right: 0;
- font-size: inherit;
- }
- }
-}
-.btn-primary {
- background: @brandPrimary;
-}
-
-.btn-primary a:visited {
- color: #fff;
-}
-
-.form-actions {
- background: none;
- border: none;
-}
-
-.input-append,
-.input-prepend {
- .add-on {
- font-size: 18px;
- padding: 14px 5px 30px;
- }
- .btn .icon {
- font-size: 16px;
- margin-right: 0;
- }
-}
-
-.row-fluid .input-append [class*="span"],
-.input-prepend input[class*="span"] {
- width: auto;
-}
-
-.form-inline {
- input[type=password],
- input[type=text] {
- width: auto;
- }
-}
-.checkbox {
- label {
- display: inline-block;
- padding-left:25px;
- }
-}
-
-label {
- margin-right: 15px;
- padding-left:0;
- display: block;
- cursor: pointer;
- position: relative;
- font-size: 14px;
- &.inline {
- display: inline-block;
- }
-}
-.help-block {
- font-size: 12px;
-}
-
-a.help-link:hover {
- text-decoration: none;
-}
-
-input[type=text].error {
- border: red 1px solid;
-}
-
/**
* Fauxton-specific Bootstrap additions
**/
@@ -448,77 +320,6 @@ table.databases {
}
}
-.custom-inputs{
-
- input[type=radio],
- input[type=checkbox] {
- display: none;
- }
-
- .checkbox label:before {
- border-radius: 3px;
- }
-
- .controls > .radio:first-child, .controls > .checkbox:first-child {
- padding-top: 15px;
- }
-
- .radio.inline, .checkbox.inline {
- display: inline-block;
- padding-top: 15px;
- margin-bottom: 12px;
- vertical-align: middle;
- }
-
- input[type=checkbox]:checked + label:before {
- /*content: "\2713"; */
- content: "\00d7";
- text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
- font-size: 16px;
- background-color: @linkColor;
- color: white;
- text-align: center;
- line-height: 15px;
- }
-
- label:before {
- content: "";
- display: inline-block;
-
- width: 16px;
- height: 16px;
-
- margin-right: 10px;
- position: absolute;
- left: 0;
- bottom: 1px;
- background-color: #aaa;
- box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
- }
-
- .radio label:before {
- border-radius: 8px;
- }
-
- input[type=radio]:checked + label:before {
- content: "\2022";
- color: #f3f3f3;
- font-size: 30px;
- text-align: center;
- line-height: 18px;
- }
-
- label.drop-down{
- &:before{
- display: none;
- }
- }
-}
-
-form.view-query-update, form.view-query-save {
- max-width: 100%;
-}
-
/*documents and databases */
.view.show{
color: @fontGrey;
@@ -621,46 +422,6 @@ div.spinner {
}
}
-div.add-dropdown {
- position: absolute;
- top: 2px;
- right: 0px;
- .dropdown-menu{
- left: -110px;
- padding-bottom: 0;
- width: 148px;
- min-width: 0;
- top: 38px;
- .box-shadow(@boxShadow);
- &.arrow:before{
- right: 4px;
- }
- a {
- background-color: #202326;
- color: rgba(255, 255, 255, 0.8);
- &:hover{
- background-color: @navBG;
- color: white;
- }
- }
- li a {
- padding: 10px 15px 10px 12px;
- }
- }
- .dropdown-toggle{
- border-top: none !important;
- text-decoration: none;
- }
- > a {
- border-bottom: none;
- text-decoration: none;
- font-size: 16px;
- }
-}
-
-
-//----templates//
-
/*
---------------------------------------------------
REUSEABLE SHADOW BORDER
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/5976c65d/assets/less/formstyles.less
----------------------------------------------------------------------
diff --git a/assets/less/formstyles.less b/assets/less/formstyles.less
new file mode 100644
index 0000000..262f376
--- /dev/null
+++ b/assets/less/formstyles.less
@@ -0,0 +1,249 @@
+/* Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+
+@import "variables.less";
+
+input[type=text],
+input[type=password] {
+ .border-radius(0);
+ padding: 12px;
+ border: 1px solid #ccc;
+ height: auto;
+ font-size: 16px;
+ margin-top: 0;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box;
+ padding: 0;
+}
+
+input[type="file"],
+input[type="checkbox"],
+input[type="radio"],
+select {
+ margin: 0 0 1em 0;
+}
+
+/*form elements and buttons*/
+.btn-group {
+ > .btn + .dropdown-toggle,
+ > .btn:first-child,
+ > .btn:last-child,
+ > .dropdown-toggle {
+ .border-radius(0);
+ background-image: none;
+ text-shadow: none;
+ }
+}
+
+.btn {
+ .box-shadow(none);
+ .border-radius(@baseBorderRadius);
+ background-image: none;
+ text-shadow: none;
+ background-repeat: no-repeat;
+ padding: 10px;
+ margin-top: 0px;
+ .icon {
+ margin-right: 0.2em;
+ }
+ &.btn-small {
+ padding: 5px 10px;
+ .icon {
+ margin-right: 0;
+ font-size: inherit;
+ }
+ }
+ &.btn-mini {
+ padding: 3px 8px;
+ .icon {
+ margin-right: 0;
+ font-size: inherit;
+ }
+ }
+}
+.btn-primary {
+ background: @brandPrimary;
+}
+
+.btn-primary a:visited {
+ color: #fff;
+}
+
+.form-actions {
+ background: none;
+ border: none;
+}
+
+.input-append,
+.input-prepend {
+ .add-on {
+ font-size: 18px;
+ padding: 14px 5px 30px;
+ }
+ .btn .icon {
+ font-size: 16px;
+ margin-right: 0;
+ }
+}
+
+.row-fluid .input-append [class*="span"],
+.input-prepend input[class*="span"] {
+ width: auto;
+}
+
+.form-inline {
+ input[type=password],
+ input[type=text] {
+ width: auto;
+ }
+}
+.checkbox {
+ label {
+ display: inline-block;
+ padding-left:25px;
+ }
+}
+
+label {
+ margin-right: 15px;
+ padding-left:0;
+ display: block;
+ cursor: pointer;
+ position: relative;
+ font-size: 14px;
+ &.inline {
+ display: inline-block;
+ }
+}
+.help-block {
+ font-size: 12px;
+}
+
+a.help-link:hover {
+ text-decoration: none;
+}
+
+input[type=text].error {
+ border: red 1px solid;
+}
+
+form.view-query-update, form.view-query-save {
+ max-width: 100%;
+}
+
+.custom-inputs {
+
+ input[type=radio],
+ input[type=checkbox] {
+ display: none;
+ }
+
+ .checkbox label:before {
+ border-radius: 3px;
+ }
+
+ .controls > .radio:first-child, .controls > .checkbox:first-child {
+ padding-top: 15px;
+ }
+
+ .radio.inline, .checkbox.inline {
+ display: inline-block;
+ padding-top: 15px;
+ margin-bottom: 12px;
+ vertical-align: middle;
+ }
+
+ input[type=checkbox]:checked + label:before {
+ /*content: "\2713"; */
+ content: "\00d7";
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
+ font-size: 16px;
+ background-color: @linkColor;
+ color: white;
+ text-align: center;
+ line-height: 15px;
+ }
+
+ label:before {
+ content: "";
+ display: inline-block;
+
+ width: 16px;
+ height: 16px;
+
+ margin-right: 10px;
+ position: absolute;
+ left: 0;
+ bottom: 1px;
+ background-color: #aaa;
+ box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
+ }
+
+ .radio label:before {
+ border-radius: 8px;
+ }
+
+ input[type=radio]:checked + label:before {
+ content: "\2022";
+ color: #f3f3f3;
+ font-size: 30px;
+ text-align: center;
+ line-height: 18px;
+ }
+
+ label.drop-down {
+ &:before {
+ display: none;
+ }
+ }
+}
+
+div.add-dropdown {
+ position: absolute;
+ top: 2px;
+ right: 0px;
+ .dropdown-menu {
+ left: -110px;
+ padding-bottom: 0;
+ width: 148px;
+ min-width: 0;
+ top: 38px;
+ .box-shadow(@boxShadow);
+ &.arrow:before {
+ right: 4px;
+ }
+ a {
+ background-color: #202326;
+ color: rgba(255, 255, 255, 0.8);
+ &:hover {
+ background-color: @navBG;
+ color: white;
+ }
+ }
+ li a {
+ padding: 10px 15px 10px 12px;
+ }
+ }
+ .dropdown-toggle {
+ border-top: none !important;
+ text-decoration: none;
+ }
+ > a {
+ border-bottom: none;
+ text-decoration: none;
+ font-size: 16px;
+ }
+}