diff --git a/src/themes/packages/default/modules/popup.variables b/src/themes/packages/default/modules/popup.variables index c095b5e78..1fe04ec37 100755 --- a/src/themes/packages/default/modules/popup.variables +++ b/src/themes/packages/default/modules/popup.variables @@ -12,14 +12,14 @@ @maxWidth: 250px; @borderColor: #CCCCCC; @borderWidth: 1px; -@boxShadow: 0px 1px 2px rgba(0, 0, 0, 0.1); +@boxShadow: 0px 2px 4px rgba(0, 0, 0, 0.1); @color: @textColor; -@verticalPadding: 0.75em; -@horizontalPadding: 1.25em; +@verticalPadding: 0.8em; +@horizontalPadding: 1em; @fontWeight: normal; @fontStyle: normal; -@borderRadius: 0.2em; +@borderRadius: 0.25em; /*------------------- Parts diff --git a/src/themes/packages/default/modules/transition.overrides b/src/themes/packages/default/modules/transition.overrides index 8b2edf22c..fef44f46e 100755 --- a/src/themes/packages/default/modules/transition.overrides +++ b/src/themes/packages/default/modules/transition.overrides @@ -260,22 +260,22 @@ @keyframes fadeUp { 0% { opacity: 0; - transform: translateY(20px); + transform: translateY(10%); } 100% { opacity: 1; - transform: translateY(0); + transform: translateY(0%); } } @keyframes fadeUpOut { 0% { opacity: 1; - transform: translateY(0); + transform: translateY(0%); } 100% { opacity: 0; - transform: translateY(20px); + transform: translateY(10%); } } @@ -283,21 +283,21 @@ @keyframes fadeDown { 0% { opacity: 0; - transform: translateY(-20px); + transform: translateY(-10%); } 100% { opacity: 1; - transform: translateY(0); + transform: translateY(0%); } } @keyframes fadeDownOut { 0% { opacity: 1; - transform: translateY(0); + transform: translateY(0%); } 100% { opacity: 0; - transform: translateY(-20px); + transform: translateY(-10%); } }