From 44ff5e0120d08e70bc2c5cc053bd451f60b8719f Mon Sep 17 00:00:00 2001 From: Pau Giner Date: Thu, 14 Mar 2013 23:02:45 +0100 Subject: [PATCH] Support for back links for uls-compact Added styles for links that are inserted in the header of the list to allow the user to go back for multi-step dialogs. Change-Id: I062086e23d0d5275fd577d9977313b0ac25cf014 --- css/jquery.uls.compact.css | 30 ++++++++++++++++++++++- examples/index-compact.html | 48 +++++++++++++++---------------------- 2 files changed, 48 insertions(+), 30 deletions(-) diff --git a/css/jquery.uls.compact.css b/css/jquery.uls.compact.css index 8abe528..f8a2d4c 100644 --- a/css/jquery.uls.compact.css +++ b/css/jquery.uls.compact.css @@ -1,5 +1,5 @@ .uls-compact .icon-close, -.uls-compact .uls-title-region, +.uls-compact .uls-title, .uls-compact .map-block { display: none !important; } @@ -42,3 +42,31 @@ .uls-compact .languagefilter-clear { margin-left: 0; } + +.uls-compact .uls-title-region a { + color: #777; + display: inline-block; + margin: 15px 0 5px 19px; + cursor: pointer; + padding: 6px; + font-size: 14px; + border: 1px solid transparent; +} + +.uls-compact .uls-title-region a:hover { + color: #252525; + background: #F0F0F0; + border: 1px solid #DDD; + border-radius: 3px; +} + +.uls-compact .uls-title-region a:before { + display: inline-block; + width: 0; + height: 0; + border-right: 4px solid #777; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + content: ""; + margin: 0 6px 0 0; +} \ No newline at end of file diff --git a/examples/index-compact.html b/examples/index-compact.html index 556d707..b2cd591 100644 --- a/examples/index-compact.html +++ b/examples/index-compact.html @@ -3,17 +3,7 @@ - - - Universal Language Selector - - - - @@ -30,25 +20,25 @@ @@ -58,7 +48,7 @@ Select Language

Universal Language Selector

- Demonstration of jQuery plugin + Demonstration of jQuery plugin - In compact mode