diff --git a/package.json b/package.json index 307298e4..b19abb88 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "nighttab", - "version": "4.0.2", + "version": "4.0.3", "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.", "main": "index.js", "scripts": { diff --git a/src/css/link.css b/src/css/link.css index bcbe60d5..44996ea1 100755 --- a/src/css/link.css +++ b/src/css/link.css @@ -310,224 +310,224 @@ margin-bottom: 0.5em; } +.is-link-display-alignment-topleft .link-display { + transform-origin: top left; +} + +.is-link-display-alignment-topcenter .link-display { + transform-origin: top center; +} + +.is-link-display-alignment-topright .link-display { + transform-origin: top right; +} + +.is-link-display-alignment-centerleft .link-display { + transform-origin: center left; +} + +.is-link-display-alignment-centercenter .link-display { + transform-origin: center center; +} + +.is-link-display-alignment-centerright .link-display { + transform-origin: center right; +} + +.is-link-display-alignment-bottomleft .link-display { + transform-origin: bottom left; +} + +.is-link-display-alignment-bottomcenter .link-display { + transform-origin: bottom center; +} + +.is-link-display-alignment-bottomright .link-display { + transform-origin: bottom right; +} + /* vertical letcon name */ .is-link-item-display-direction-vertical.is-link-item-display-order-letconname.is-link-display-alignment-topleft .link-display { justify-content: flex-start; align-items: flex-start; - transform-origin: top left; } .is-link-item-display-direction-vertical.is-link-item-display-order-letconname.is-link-display-alignment-topcenter .link-display { justify-content: flex-start; align-items: center; - transform-origin: top center; } .is-link-item-display-direction-vertical.is-link-item-display-order-letconname.is-link-display-alignment-topright .link-display { justify-content: flex-start; align-items: flex-end; - transform-origin: top right; } .is-link-item-display-direction-vertical.is-link-item-display-order-letconname.is-link-display-alignment-centerleft .link-display { justify-content: center; align-items: flex-start; - transform-origin: center left; } .is-link-item-display-direction-vertical.is-link-item-display-order-letconname.is-link-display-alignment-centercenter .link-display { justify-content: center; align-items: center; - transform-origin: center; } .is-link-item-display-direction-vertical.is-link-item-display-order-letconname.is-link-display-alignment-centerright .link-display { justify-content: center; align-items: flex-end; - transform-origin: center right; } .is-link-item-display-direction-vertical.is-link-item-display-order-letconname.is-link-display-alignment-bottomleft .link-display { justify-content: flex-end; align-items: flex-start; - transform-origin: bottom left; } .is-link-item-display-direction-vertical.is-link-item-display-order-letconname.is-link-display-alignment-bottomcenter .link-display { justify-content: flex-end; align-items: center; - transform-origin: bottom center; } .is-link-item-display-direction-vertical.is-link-item-display-order-letconname.is-link-display-alignment-bottomright .link-display { justify-content: flex-end; align-items: flex-end; - transform-origin: bottom right; } /* vertical name letcon */ .is-link-item-display-direction-vertical.is-link-item-display-order-nameletcon.is-link-display-alignment-topleft .link-display { justify-content: flex-end; align-items: flex-start; - transform-origin: top left; } .is-link-item-display-direction-vertical.is-link-item-display-order-nameletcon.is-link-display-alignment-topcenter .link-display { justify-content: flex-end; align-items: center; - transform-origin: top center; } .is-link-item-display-direction-vertical.is-link-item-display-order-nameletcon.is-link-display-alignment-topright .link-display { justify-content: flex-end; align-items: flex-end; - transform-origin: top right; } .is-link-item-display-direction-vertical.is-link-item-display-order-nameletcon.is-link-display-alignment-centerleft .link-display { justify-content: center; align-items: flex-start; - transform-origin: center left; } .is-link-item-display-direction-vertical.is-link-item-display-order-nameletcon.is-link-display-alignment-centercenter .link-display { justify-content: center; align-items: center; - transform-origin: center; } .is-link-item-display-direction-vertical.is-link-item-display-order-nameletcon.is-link-display-alignment-centerright .link-display { justify-content: center; align-items: flex-end; - transform-origin: center right; } .is-link-item-display-direction-vertical.is-link-item-display-order-nameletcon.is-link-display-alignment-bottomleft .link-display { justify-content: flex-start; align-items: flex-start; - transform-origin: bottom left; } .is-link-item-display-direction-vertical.is-link-item-display-order-nameletcon.is-link-display-alignment-bottomcenter .link-display { justify-content: flex-start; align-items: center; - transform-origin: bottom center; } .is-link-item-display-direction-vertical.is-link-item-display-order-nameletcon.is-link-display-alignment-bottomright .link-display { justify-content: flex-start; align-items: flex-end; - transform-origin: bottom right; } /* horizontal letcon name */ .is-link-item-display-direction-horizontal.is-link-item-display-order-letconname.is-link-display-alignment-topleft .link-display { justify-content: flex-start; align-items: flex-start; - transform-origin: top left; } .is-link-item-display-direction-horizontal.is-link-item-display-order-letconname.is-link-display-alignment-topcenter .link-display { justify-content: center; align-items: flex-start; - transform-origin: top center; } .is-link-item-display-direction-horizontal.is-link-item-display-order-letconname.is-link-display-alignment-topright .link-display { justify-content: flex-end; align-items: flex-start; - transform-origin: top right; } .is-link-item-display-direction-horizontal.is-link-item-display-order-letconname.is-link-display-alignment-centerleft .link-display { justify-content: flex-start; align-items: center; - transform-origin: center left; } .is-link-item-display-direction-horizontal.is-link-item-display-order-letconname.is-link-display-alignment-centercenter .link-display { justify-content: center; align-items: center; - transform-origin: center; } .is-link-item-display-direction-horizontal.is-link-item-display-order-letconname.is-link-display-alignment-centerright .link-display { justify-content: flex-end; align-items: center; - transform-origin: center right; } .is-link-item-display-direction-horizontal.is-link-item-display-order-letconname.is-link-display-alignment-bottomleft .link-display { justify-content: flex-start; align-items: flex-end; - transform-origin: bottom left; } .is-link-item-display-direction-horizontal.is-link-item-display-order-letconname.is-link-display-alignment-bottomcenter .link-display { justify-content: center; align-items: flex-end; - transform-origin: bottom center; } .is-link-item-display-direction-horizontal.is-link-item-display-order-letconname.is-link-display-alignment-bottomright .link-display { justify-content: flex-end; align-items: flex-end; - transform-origin: bottom right; } /* horizontal name letcon */ .is-link-item-display-direction-horizontal.is-link-item-display-order-nameletcon.is-link-display-alignment-topleft .link-display { justify-content: flex-end; align-items: flex-start; - transform-origin: top left; } .is-link-item-display-direction-horizontal.is-link-item-display-order-nameletcon.is-link-display-alignment-topcenter .link-display { justify-content: center; align-items: flex-start; - transform-origin: top center; } .is-link-item-display-direction-horizontal.is-link-item-display-order-nameletcon.is-link-display-alignment-topright .link-display { justify-content: flex-start; align-items: flex-start; - transform-origin: top right; } .is-link-item-display-direction-horizontal.is-link-item-display-order-nameletcon.is-link-display-alignment-centerleft .link-display { justify-content: flex-end; align-items: center; - transform-origin: top left; } .is-link-item-display-direction-horizontal.is-link-item-display-order-nameletcon.is-link-display-alignment-centercenter .link-display { justify-content: center; align-items: center; - transform-origin: top center; } .is-link-item-display-direction-horizontal.is-link-item-display-order-nameletcon.is-link-display-alignment-centerright .link-display { justify-content: flex-start; align-items: center; - transform-origin: top right; } .is-link-item-display-direction-horizontal.is-link-item-display-order-nameletcon.is-link-display-alignment-bottomleft .link-display { justify-content: flex-end; align-items: flex-end; - transform-origin: top left; } .is-link-item-display-direction-horizontal.is-link-item-display-order-nameletcon.is-link-display-alignment-bottomcenter .link-display { justify-content: center; align-items: flex-end; - transform-origin: top center; } .is-link-item-display-direction-horizontal.is-link-item-display-order-nameletcon.is-link-display-alignment-bottomright .link-display { justify-content: flex-start; align-items: flex-end; - transform-origin: top right; } .link-display-letter, diff --git a/src/js/version.js b/src/js/version.js index 366faa51..32dac915 100644 --- a/src/js/version.js +++ b/src/js/version.js @@ -1,6 +1,6 @@ var version = (function() { - var current = "4.0.2"; + var current = "4.0.3"; var name = "Enchanting Aardvark"; diff --git a/src/manifest.json b/src/manifest.json index c2b2ce7f..db86e943 100644 --- a/src/manifest.json +++ b/src/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": "4.0.2", + "version": "4.0.3", "manifest_version": 2, "chrome_url_overrides": { "newtab": "index.html"