From 5cb8fd2badfb18396e9701aad47bdfd13fab740e Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Wed, 20 Nov 2013 16:29:00 +0100 Subject: [PATCH 1/2] fix the legacy popup to make calendar settings look nicer --- core/css/styles.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/core/css/styles.css b/core/css/styles.css index f2561dd4620..32e1b8d2a52 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -810,8 +810,16 @@ span.ui-icon {float: left; margin: 3px 7px 30px 0;} #tagsdialog .taglist li:hover, #tagsdialog .taglist li:active { background:#eee; } #tagsdialog .addinput { width: 90%; clear: both; } -/* ---- APP SETTINGS ---- */ -.popup { background-color:white; border-radius:10px 10px 10px 10px; box-shadow:0 0 20px #888; color:#333; padding:10px; position:fixed !important; z-index:100; } +/* ---- APP SETTINGS - LEGACY, DO NOT USE THE POPUP! ---- */ +.popup { + background-color: #fff; + border-radius: 3px; + box-shadow: 0 0 20px #aaa; + color: #333; + padding: 10px; + position: fixed !important; + z-index: 100; +} .popup.topright { top:7em; right:1em; } .popup.bottomleft { bottom:1em; left:33em; } .popup .close { position:absolute; top:0.2em; right:0.2em; height:20px; width:20px; background:url('../img/actions/close.svg') no-repeat center; } From e574158bd80c007ced63cd3013a73cb7bde81a5c Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Mon, 9 Dec 2013 12:21:37 +0100 Subject: [PATCH 2/2] fix shadow size and arrow position --- core/css/styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/core/css/styles.css b/core/css/styles.css index 32e1b8d2a52..bcaf0ea1d93 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -814,7 +814,7 @@ span.ui-icon {float: left; margin: 3px 7px 30px 0;} .popup { background-color: #fff; border-radius: 3px; - box-shadow: 0 0 20px #aaa; + box-shadow: 0 0 10px #aaa; color: #333; padding: 10px; position: fixed !important; @@ -826,7 +826,7 @@ span.ui-icon {float: left; margin: 3px 7px 30px 0;} .popup h2 { font-weight:bold; font-size:1.2em; } .arrow { border-bottom:10px solid white; border-left:10px solid transparent; border-right:10px solid transparent; display:block; height:0; position:absolute; width:0; z-index:201; } .arrow.left { left:-13px; bottom:1.2em; -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg); } -.arrow.up { top:-8px; right:2em; } +.arrow.up { top:-8px; right:6px; } .arrow.down { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .help-includes { overflow: hidden;