extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-01-25 07:19:13 +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",
"version": "5.48.0",
"version": "5.48.1",
"lockfileVersion": 1,
"requires": true,
"dependencies": {

2
package.json
View File

@ -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": {

41
src/css/link.css
View File

@ -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-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;
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;
}

2
src/js/version.js
View File

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

2
src/manifest.json
View File

@ -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"