[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