From 7e7ef7d2934268fe91607b4906a9c8bfd40a0145 Mon Sep 17 00:00:00 2001 From: jlukic Date: Sun, 15 Sep 2013 12:54:05 -0400 Subject: [PATCH] fixes issues with tabular menu movement on active --- build/less/collections/menu.less | 9 ++++-- build/uncompressed/collections/menu.css | 7 +++-- node/src/files/examples/feed.css | 30 ++++++++++++++++++ node/src/files/examples/feed.html | 31 ++++++++++--------- .../files/release/less/collections/menu.less | 9 ++++-- .../release/uncompressed/collections/menu.css | 7 +++-- src/collections/menu.less | 9 ++++-- 7 files changed, 73 insertions(+), 29 deletions(-) diff --git a/build/less/collections/menu.less b/build/less/collections/menu.less index 6f05173d6..51ded3058 100644 --- a/build/less/collections/menu.less +++ b/build/less/collections/menu.less @@ -657,6 +657,11 @@ } .ui.tabular.menu .item { background-color: transparent; + + border-left: 1px solid transparent; + border-right: 1px solid transparent; + border-top: 1px solid transparent; + padding-left: 1.4em; padding-right: 1.4em; color: rgba(0, 0, 0, 0.6); @@ -679,9 +684,7 @@ background-color: #FFFFFF; color: rgba(0, 0, 0, 0.8); - border-left: 1px solid #DCDDDE; - border-right: 1px solid #DCDDDE; - border-top: 1px solid #DCDDDE; + border-color: #DCDDDE; padding-top: 0.83em; diff --git a/build/uncompressed/collections/menu.css b/build/uncompressed/collections/menu.css index 340bcdd57..0e31606f1 100644 --- a/build/uncompressed/collections/menu.css +++ b/build/uncompressed/collections/menu.css @@ -509,6 +509,9 @@ } .ui.tabular.menu .item { background-color: transparent; + border-left: 1px solid transparent; + border-right: 1px solid transparent; + border-top: 1px solid transparent; padding-left: 1.4em; padding-right: 1.4em; color: rgba(0, 0, 0, 0.6); @@ -527,9 +530,7 @@ top: 1px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.8); - border-left: 1px solid #DCDDDE; - border-right: 1px solid #DCDDDE; - border-top: 1px solid #DCDDDE; + border-color: #DCDDDE; padding-top: 0.83em; -webkit-box-shadow: none; -moz-box-shadow: none; diff --git a/node/src/files/examples/feed.css b/node/src/files/examples/feed.css index d25e15960..c30a6b29e 100755 --- a/node/src/files/examples/feed.css +++ b/node/src/files/examples/feed.css @@ -1,3 +1,7 @@ +/******************************* + Global +*******************************/ + html, body { font-size: 15px; @@ -19,6 +23,15 @@ body { font-family: 'Source Sans Pro', "Helvetica Neue", "Helvetica", "Arial", sans-serif; } +/******************************* + Global +*******************************/ + + +/*------------------- + Grid +--------------------*/ + #feed .grid { height: 100%; } @@ -26,6 +39,10 @@ body { height: 100%; } +/*------------------- + Menu +--------------------*/ + #feed .left.column { background-color: #333333; } @@ -35,6 +52,10 @@ body { } +/*------------------- + Inbox +--------------------*/ + #feed .inbox { background-color: #FFFFFF; } @@ -42,12 +63,21 @@ body { padding-top: 1rem; padding-bottom: 1rem; } +#feed .middle.column { + padding: 1em 2em; +} #feed .right.column { padding: 1em 2em; background-color: #FFFFFF; } + +/******************************* + Responsive +*******************************/ + + @media only screen and (max-width : 800px) { #feed .left.column { min-width: 200px; diff --git a/node/src/files/examples/feed.html b/node/src/files/examples/feed.html index eff5734be..6072a12f8 100755 --- a/node/src/files/examples/feed.html +++ b/node/src/files/examples/feed.html @@ -102,9 +102,9 @@ All
- + - Scientists discover new breed of dog + Weekly Webcomic Wrapup fought the law, and the law won
Sep 14, 2013
 @@ -113,39 +113,39 @@
Sep 14, 2013
 - - Scientists discover new breed of dog -
Sep 14, 2013
+ + Dogs start colony in Antarctica +
Sep 10, 2013
 - Scientists discover new breed of dog -
Sep 14, 2013
+ Famous dog whisperer Chakotay dies today at 104 +
Sep 09, 2013
 - Scientists discover new breed of dog -
Sep 14, 2013
+ Top 10 Things to Know about Labradoodles +
Sep 07, 2013
 - Scientists discover new breed of dog -
Sep 14, 2013
+ Study shows children enjoy the company of animals +
Sep 05, 2013
- + Your favorite saved article
Sep 14, 2013
 - + Your favorite saved article
Sep 14, 2013
 - + Your favorite saved article
Sep 14, 2013
 @@ -163,6 +163,9 @@

So there's this video game coming out Tuesday called Grand Theft Auto 5. Don't know if you've heard of it. Anyways, it's all about crime and gangs and some roughneck ne'er-do-wells, so I thought this would be the perfect time to talk about times when we've been... well, less than perfect.

When I was a young'un, I was a frequent visitor to the local swimming pool. I was also a frequent lover of AirHeads candy, which the pool happened to sell. Waiting, watching, stalking the counter like a big cat in the savannah, I waited for the perfect opportunity to strike. While the lifeguards were busy, I snuck through the gate, reached up and took both cherry and "mystery white" AirHeads. I quickly ran out to the sidewalk and reveled in my sweet, delicious victory... for all of ten seconds, before I felt guilty enough to sneak back in and return the .20 worth of candy I had stolen.

While you confess your crimes - hopefully minor, and nothing you can be persecuted for - take a moment to enjoy this week's webcomics, and vote for your favorite after the jump.

+
+
Save
+
Delete
diff --git a/node/src/files/release/less/collections/menu.less b/node/src/files/release/less/collections/menu.less index 6f05173d6..51ded3058 100644 --- a/node/src/files/release/less/collections/menu.less +++ b/node/src/files/release/less/collections/menu.less @@ -657,6 +657,11 @@ } .ui.tabular.menu .item { background-color: transparent; + + border-left: 1px solid transparent; + border-right: 1px solid transparent; + border-top: 1px solid transparent; + padding-left: 1.4em; padding-right: 1.4em; color: rgba(0, 0, 0, 0.6); @@ -679,9 +684,7 @@ background-color: #FFFFFF; color: rgba(0, 0, 0, 0.8); - border-left: 1px solid #DCDDDE; - border-right: 1px solid #DCDDDE; - border-top: 1px solid #DCDDDE; + border-color: #DCDDDE; padding-top: 0.83em; diff --git a/node/src/files/release/uncompressed/collections/menu.css b/node/src/files/release/uncompressed/collections/menu.css index 340bcdd57..0e31606f1 100644 --- a/node/src/files/release/uncompressed/collections/menu.css +++ b/node/src/files/release/uncompressed/collections/menu.css @@ -509,6 +509,9 @@ } .ui.tabular.menu .item { background-color: transparent; + border-left: 1px solid transparent; + border-right: 1px solid transparent; + border-top: 1px solid transparent; padding-left: 1.4em; padding-right: 1.4em; color: rgba(0, 0, 0, 0.6); @@ -527,9 +530,7 @@ top: 1px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.8); - border-left: 1px solid #DCDDDE; - border-right: 1px solid #DCDDDE; - border-top: 1px solid #DCDDDE; + border-color: #DCDDDE; padding-top: 0.83em; -webkit-box-shadow: none; -moz-box-shadow: none; diff --git a/src/collections/menu.less b/src/collections/menu.less index 6f05173d6..51ded3058 100755 --- a/src/collections/menu.less +++ b/src/collections/menu.less @@ -657,6 +657,11 @@ } .ui.tabular.menu .item { background-color: transparent; + + border-left: 1px solid transparent; + border-right: 1px solid transparent; + border-top: 1px solid transparent; + padding-left: 1.4em; padding-right: 1.4em; color: rgba(0, 0, 0, 0.6); @@ -679,9 +684,7 @@ background-color: #FFFFFF; color: rgba(0, 0, 0, 0.8); - border-left: 1px solid #DCDDDE; - border-right: 1px solid #DCDDDE; - border-top: 1px solid #DCDDDE; + border-color: #DCDDDE; padding-top: 0.83em;