[bug] fix link item display rotation

This commit is contained in:
zombieFox 2019-12-03 18:29:34 +00:00
parent 518fd040db
commit b213ad960f
4 changed files with 39 additions and 39 deletions

View File

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

View File

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

View File

@ -1,6 +1,6 @@
var version = (function() {
var current = "4.0.2";
var current = "4.0.3";
var name = "Enchanting Aardvark";

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": "4.0.2",
"version": "4.0.3",
"manifest_version": 2,
"chrome_url_overrides": {
"newtab": "index.html"