[Rt-commit] rt branch, 4.4/layout-changes, updated. rt-4.2.11-241-gcd16537
Shawn Moore
shawn at bestpractical.com
Mon Oct 19 19:19:19 EDT 2015
The branch, 4.4/layout-changes has been updated
via cd165379643d3dd14d51fbf81400f12e6c08eea3 (commit)
via 8a1a53379e6998910dc7c9b44f25443180c45804 (commit)
from b65071996e839b4c8d40c3f06cc6cdd4f4e63104 (commit)
Summary of changes:
share/static/css/aileron/nav.css | 7 +++++++
share/static/css/ballard/nav.css | 5 +++++
share/static/css/base/nav.css | 10 ++++++++++
share/static/css/rudder/nav.css | 26 ++++++++++++++++++++++----
4 files changed, 44 insertions(+), 4 deletions(-)
- Log -----------------------------------------------------------------
commit 8a1a53379e6998910dc7c9b44f25443180c45804
Author: Shawn M Moore <shawn at bestpractical.com>
Date: Mon Oct 19 23:09:57 2015 +0000
Layout improvements to topactions bar
diff --git a/share/static/css/aileron/nav.css b/share/static/css/aileron/nav.css
index d78fad2..573284b 100644
--- a/share/static/css/aileron/nav.css
+++ b/share/static/css/aileron/nav.css
@@ -157,3 +157,10 @@
-moz-border-radius: 0 0 0 5px;
-webkit-border-radius: 0 0 0 5px;
}
+
+#simple-search input.field {
+ border-radius: 10px;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+}
+
diff --git a/share/static/css/ballard/nav.css b/share/static/css/ballard/nav.css
index 09858cb..47f4683 100644
--- a/share/static/css/ballard/nav.css
+++ b/share/static/css/ballard/nav.css
@@ -142,3 +142,8 @@
color: #000;
}
+#simple-search input.field {
+ border-radius: 10px;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+}
diff --git a/share/static/css/base/nav.css b/share/static/css/base/nav.css
index 48b4a8f..dd63b51 100644
--- a/share/static/css/base/nav.css
+++ b/share/static/css/base/nav.css
@@ -28,6 +28,8 @@
}
#simple-search input.field {
+ border: none;
+
/* turn off webkit input[type=search] styling */
-webkit-appearance: textfield;
}
@@ -36,3 +38,11 @@
/* hide webkit x button for searches */
-webkit-appearance: none;
}
+
+#topactions input,
+#topactions select,
+#topactions button {
+ height: 2em;
+ padding-top: 0;
+ padding-bottom: 0;
+}
diff --git a/share/static/css/rudder/nav.css b/share/static/css/rudder/nav.css
index 3e1be38..e94e583 100644
--- a/share/static/css/rudder/nav.css
+++ b/share/static/css/rudder/nav.css
@@ -117,12 +117,10 @@
#topactions {
position: absolute;
background: transparent;
- top: 2.5em;
+ top: 3.25em;
right: 0em;
padding-right: 0.7em;
width: auto;
- padding-top: 0.5em;
- padding-bottom: 0.5em;
min-width: 42em;
font-size: 0.9em;
z-index: 99;
@@ -144,6 +142,10 @@
vertical-align: middle;
}
+#topactions select {
+ -webkit-appearance: menulist-button;
+}
+
#topactions .select-queue {
padding-right: 0
}
@@ -210,3 +212,10 @@
-moz-border-radius: 0 0 0 5px;
-webkit-border-radius: 0 0 0 5px;
}
+
+#simple-search input.field {
+ border-radius: 10px;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+}
+
commit cd165379643d3dd14d51fbf81400f12e6c08eea3
Author: Shawn M Moore <shawn at bestpractical.com>
Date: Mon Oct 19 23:19:05 2015 +0000
Animate wider search bar on focus for rudder
diff --git a/share/static/css/rudder/nav.css b/share/static/css/rudder/nav.css
index e94e583..47b9d63 100644
--- a/share/static/css/rudder/nav.css
+++ b/share/static/css/rudder/nav.css
@@ -138,8 +138,17 @@
padding-bottom: 0.25em;
padding-left: 0.5em;
padding-right: 0.5em;
- width: 8em;
vertical-align: middle;
+
+ width: 8em;
+ -webkit-transition: width 0.25s ease-in-out;
+ transition: width 0.25s ease-in-out;
+}
+
+#topactions input:focus {
+ -webkit-transition: width 0.25s ease-in-out;
+ transition: width 0.25s ease-in-out;
+ width: 16em;
}
#topactions select {
-----------------------------------------------------------------------
More information about the rt-commit
mailing list