[bug] fix link url and control position when orientation is set to top

zombieFox · zombieFox · commit c4fb4b00ae77 · 2020-06-24T23:32:00.000+01:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
{
 "name": "nightTab",
- "version": "5.48.0",
+ "version": "5.48.1",
 "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
@@ -884,16 +884,28 @@
 height: var(--link-item-edit-height);
 width: 100%;
 position: absolute;
- bottom: calc(-1 * var(--link-item-edit-height));
 display: flex;
 overflow: hidden;
 flex-direction: row;
 align-items: stretch;
 justify-content: center;
- transition: bottom var(--layout-transition-extra-fast);
+ transition: top var(--layout-transition-extra-fast), bottom var(--layout-transition-extra-fast);
+}
+
+.is-link-orientation-top .link-control{
+ top: calc(-1 * var(--link-item-edit-height));
+}
+
+.is-link-orientation-bottom .link-control{
+ bottom: calc(-1 * var(--link-item-edit-height));
+}
+
+.is-edit.is-link-orientation-top .link-control{
+ top: 0;
+ transition: top var(--layout-duration-05) var(--layout-timing-bounce);
 }
 
-.is-edit .link-control{
+.is-edit.is-link-orientation-bottom .link-control{
 bottom: 0;
 transition: bottom var(--layout-duration-05) var(--layout-timing-bounce);
 }
@@ -1027,11 +1039,18 @@
 height: var(--link-item-url-height);
 width: 100%;
 position: absolute;
- bottom: calc(-1 * var(--link-item-url-height));
 overflow: hidden;
 display: none;
 align-items: center;
- transition: bottom var(--layout-transition-extra-fast);
+ transition: top var(--layout-transition-extra-fast), bottom var(--layout-transition-extra-fast);
+}
+
+.is-link-orientation-top .link-url{
+ top: calc(-1 * var(--link-item-url-height));
+}
+
+.is-link-orientation-bottom .link-url{
+ bottom: calc(-1 * var(--link-item-url-height));
 }
 
 .is-link-item-url-show .link-url{
@@ -1056,9 +1075,15 @@
 justify-content: flex-end;
 }
 
-.is-link-item-url-show:not(.is-edit) .link-item:focus-within .link-url,
-.is-link-item-url-show:not(.is-edit) .link-item:focus .link-url,
-.is-link-item-url-show:not(.is-edit) .link-item:hover .link-url{
+.is-link-orientation-top.is-link-item-url-show:not(.is-edit) .link-item:focus-within .link-url,
+.is-link-orientation-top.is-link-item-url-show:not(.is-edit) .link-item:focus .link-url,
+.is-link-orientation-top.is-link-item-url-show:not(.is-edit) .link-item:hover .link-url{
+ top: 0;
+}
+
+.is-link-orientation-bottom.is-link-item-url-show:not(.is-edit) .link-item:focus-within .link-url,
+.is-link-orientation-bottom.is-link-item-url-show:not(.is-edit) .link-item:focus .link-url,
+.is-link-orientation-bottom.is-link-item-url-show:not(.is-edit) .link-item:hover .link-url{
 bottom: 0;
 }
 
diff --git a/src/js/version.js b/src/js/version.js
@@ -1,6 +1,6 @@
 var version = (function(){
 
- var current = "5.48.0";
+ var current = "5.48.1";
 
 var name = "Macabre Caterpillar";
 
diff --git 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": "5.48.0",
+ "version": "5.48.1",
 "manifest_version": 2,
 "chrome_url_overrides":{
 "newtab": "index.html"

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "nightTab",`
`3`		`-"version": "5.48.0",`
	`3`	`+"version": "5.48.1",`
`4`	`4`	`"description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",`
`5`	`5`	`"main": "index.js",`
`6`	`6`	`"scripts":{`
-Original file line number
+Diff line change
@@ @@ -1,6 +1,6 @@ @@
 varversion=(function(){
 -varcurrent="5.48.0";
 +varcurrent="5.48.1";
 varname="Macabre Caterpillar";