extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-01-26 07:48:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
zombieFox 2020-06-24 23:32:00 +01:00
parent b239fcb510
commit c4fb4b00ae
5 changed files with 37 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package-lock.json generated
View File

@ -1,6 +1,6 @@
{ {
"name": "nightTab", "name": "nightTab",
"version": "5.48.0", "version": "5.48.1",
"lockfileVersion": 1, "lockfileVersion": 1,
"requires": true, "requires": true,
"dependencies": { "dependencies": {

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "nightTab", "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.", "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {

41
src/css/link.css
View File

@ -884,16 +884,28 @@
height: var(--link-item-edit-height); height: var(--link-item-edit-height);
width: 100%; width: 100%;
position: absolute; position: absolute;
bottom: calc(-1 * var(--link-item-edit-height));
display: flex; display: flex;
overflow: hidden; overflow: hidden;
flex-direction: row; flex-direction: row;
align-items: stretch; align-items: stretch;
justify-content: center; justify-content: center;
transition: bottom var(--layout-transition-extra-fast); transition: top var(--layout-transition-extra-fast), bottom var(--layout-transition-extra-fast);
} }
.is-edit .link-control { .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.is-link-orientation-bottom .link-control {
bottom: 0; bottom: 0;
transition: bottom var(--layout-duration-05) var(--layout-timing-bounce); transition: bottom var(--layout-duration-05) var(--layout-timing-bounce);
} }
@ -1027,11 +1039,18 @@
height: var(--link-item-url-height); height: var(--link-item-url-height);
width: 100%; width: 100%;
position: absolute; position: absolute;
bottom: calc(-1 * var(--link-item-url-height));
overflow: hidden; overflow: hidden;
display: none; display: none;
align-items: center; 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 { .is-link-item-url-show .link-url {
@ -1056,9 +1075,15 @@
justify-content: flex-end; justify-content: flex-end;
} }
.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-within .link-url,
.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: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: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; bottom: 0;
} }

2
src/js/version.js
View File

@ -1,6 +1,6 @@
var version = (function() { var version = (function() {
var current = "5.48.0"; var current = "5.48.1";
var name = "Macabre Caterpillar"; var name = "Macabre Caterpillar";

2
src/manifest.json
View File

@ -2,7 +2,7 @@
"name": "nightTab", "name": "nightTab",
"short_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.", "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, "manifest_version": 2,
"chrome_url_overrides": { "chrome_url_overrides": {
"newtab": "index.html" "newtab": "index.html"