From e683dd16773494c5ffa26aa3510d87c51deb1972 Mon Sep 17 00:00:00 2001 From: Sarah Frisk Date: Wed, 15 Jul 2015 23:36:15 -0400 Subject: [PATCH 1/2] Demos: Adding 3rd Party Styling to the menu --- demos/_assets/css/jqm-demos.css | 22 +++++++++++++++------- 1 file changed, 15 insertions(+), 7 deletions(-) diff --git a/demos/_assets/css/jqm-demos.css b/demos/_assets/css/jqm-demos.css index 90591636561..6eda426a7ad 100644 --- a/demos/_assets/css/jqm-demos.css +++ b/demos/_assets/css/jqm-demos.css @@ -322,16 +322,24 @@ color: #fff; } -.jqm-3rd-party { - background: rgba(62, 178, 73, .2); +.ui-listview > li.jqm-3rd-party { + background: rgba(51, 136, 204, .1); + overflow: hidden; } .jqm-3rd-party:after { - content: "* 3rd Party Demo"; - position: absolute; - top: .2em; - right: .2em; - font-size: .8em; + content: "3rd Party"; + padding: .3em 3em; + background: #3388cc; + color: #fff; + position: absolute; + top: 1em; + right: -3em; + font-size: .7em; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + } @media (min-width: 60em) { From 367adf721b9500ed96f54ef5e5f2bd5501ac73de Mon Sep 17 00:00:00 2001 From: Sarah Frisk Date: Thu, 16 Jul 2015 09:16:51 -0400 Subject: [PATCH 2/2] 3rd Party: CSS Styling Fix --- demos/_assets/css/jqm-demos.css | 40 ++++++++++++++++----------------- 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/demos/_assets/css/jqm-demos.css b/demos/_assets/css/jqm-demos.css index 6eda426a7ad..db5bfdebc5f 100644 --- a/demos/_assets/css/jqm-demos.css +++ b/demos/_assets/css/jqm-demos.css @@ -267,25 +267,25 @@ box-shadow: inset 0 1px 3px rgba(0,0,0,.2); } .jqm-list .jqm-search-results-keywords { - padding: .46857em 0 0; - font-size: .8em; - font-weight: 300; - color: #999; - display: block; + padding: .46857em 0 0; + font-size: .8em; + font-weight: 300; + color: #999; + display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ui-button-active .jqm-search-results-keywords { - color: #fff; + color: #fff; } .jqm-search-results-highlight { - color: #3388cc; - font-weight: 400; + color: #3388cc; + font-weight: 400; } .ui-button-active .jqm-search-results-highlight { - color: #fff; - font-weight: 300; + color: #fff; + font-weight: 300; } /* API docs links */ @@ -329,13 +329,13 @@ .jqm-3rd-party:after { content: "3rd Party"; - padding: .3em 3em; - background: #3388cc; - color: #fff; - position: absolute; - top: 1em; - right: -3em; - font-size: .7em; + padding: .3em 3em; + background: #3388cc; + color: #fff; + position: absolute; + top: 1em; + right: -3em; + font-size: .7em; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); @@ -404,7 +404,7 @@ padding-right: 3%; float: right; } - .jqm-demos .jqm-content.jqm-fullwidth { + .jqm-demos .jqm-content.jqm-fullwidth { width: auto; padding-left: 15%; padding-right: 15%; @@ -483,10 +483,10 @@ border-bottom-left-radius: inherit; } .jqm-view-source .ui-collapsible-content::-webkit-scrollbar { - width: 5px; + width: 5px; } .jqm-view-source .ui-collapsible-content::-webkit-scrollbar-track { - background: transparent; + background: transparent; } .jqm-view-source .ui-collapsible-content::-webkit-scrollbar-thumb { background: #435A5F;