josh/dashy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Small fixes and better mobile layout

Browse Source
This commit is contained in:
Alicia Sykes
2021-04-18 16:18:32 +01:00
parent bd138bed56
commit 628f7f2868
6 changed files with 36 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/LinkItems/Item.vue
View File

@@ -68,8 +68,8 @@ export default {
manageTitleEllipse() {
const tileElem = document.getElementById(`tile-${this.getId}`);
if (tileElem) {
const isOverflowing = tileElem.scrollHeight > tileElem.clientHeight
|| tileElem.scrollWidth > tileElem.clientWidth;
const isOverflowing = (tileElem.scrollHeight > tileElem.clientHeight
|| tileElem.scrollWidth > tileElem.clientWidth) && this.title.length > 12;
if (isOverflowing) tileElem.className += ' is-overflowing';
} // Note from present me to past me: WTF?!
},
@@ -107,6 +107,7 @@ export default {
border-radius: var(--curve-factor);
box-shadow: var(--item-shadow);
cursor: pointer;
text-decoration: none;
&:hover {
box-shadow: var(--item-hover-shadow);
background: var(--item-background-hover);
@@ -176,7 +177,7 @@ export default {
opacity: 0;
}
span.text {
transform: translateX(calc(120px - 100%));
transform: translateX(calc(100px - 100%));
}
}

3
src/components/LinkItems/ItemIcon.vue
View File

@@ -54,7 +54,8 @@ export default {
/* Checks if the icon is from a local image, remote URL, SVG or font-awesome */
determineImageType(img) {
let imgType = '';
if (this.isUrl(img)) imgType = 'url';
if (!img) imgType = 'none';
else if (this.isUrl(img)) imgType = 'url';
else if (this.isImage(img)) imgType = 'img';
else if (img.substr(4) === ('.svg' || '.SVG')) imgType = 'svg';
else if (img.includes('fa-')) imgType = 'font-awesome';