diff --git a/css/menu.css b/css/menu.css index 0c9a397d..ede64df7 100755 --- a/css/menu.css +++ b/css/menu.css @@ -22,6 +22,7 @@ .menu-area { background-color: rgba(var(--gray-01), 0.95); border-radius: var(--theme-radius); + box-shadow: var(--shadow-large); width: 100%; max-height: 100%; overflow-y: auto; diff --git a/css/modal.css b/css/modal.css index 5a1e09a7..d93fb702 100755 --- a/css/modal.css +++ b/css/modal.css @@ -4,7 +4,7 @@ left: 50%; font-size: 1em; width: 45em; - max-width: calc(100% - 6em); + max-width: calc(100% - 2em); min-width: 10em; transform: translate(-50%, -50%); opacity: 0; @@ -23,9 +23,18 @@ } .modal-wrapper { - box-sizing: border-box; + background-color: rgb(var(--gray-01)); + border-radius: var(--theme-radius); + box-shadow: var(--shadow-large); position: relative; - transition: all var(--animation-speed-fast); + max-height: calc(100vh - 2em); + overflow-y: auto; + display: grid; + grid-template-columns: 1fr; + grid-template-rows: 1fr auto; + justify-items: stretch; + align-items: stretch; + transition: opacity var(--animation-speed-fast); } .modal-wrapper .container { @@ -33,14 +42,12 @@ } .is-transition-end .modal-wrapper { - transition: all var(--animation-speed-fast) ease-in-out; + transition: opacity var(--animation-speed-fast) ease-in-out; } .modal-body { - background-color: rgb(var(--gray-01)); border-radius: var(--theme-radius) var(--theme-radius) 0 0; padding: 2em; - max-height: calc(90vh - 3.6666666667em); overflow-y: auto; box-sizing: border-box; z-index: 1; @@ -57,9 +64,9 @@ .modal-controls { background-color: rgb(var(--gray-01)); + border-radius: 0 0 var(--theme-radius) var(--theme-radius); position: relative; z-index: 2; - border-radius: 0 0 var(--theme-radius) var(--theme-radius); display: flex; } diff --git a/js/version.js b/js/version.js index 51487557..326f6161 100644 --- a/js/version.js +++ b/js/version.js @@ -1,6 +1,6 @@ var version = (function() { - var current = "3.18.0"; + var current = "3.19.0"; var compare = function(a, b) { var pa = a.split("."); diff --git a/manifest.json b/manifest.json index 8cb7b8dc..ed51603d 100644 --- a/manifest.json +++ b/manifest.json @@ -2,7 +2,7 @@ "name": "nightTab", "short_name": "nightTab", "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.", - "version": "3.18.0", + "version": "3.19.0", "manifest_version": 2, "chrome_url_overrides": { "newtab": "index.html"