tangent/memex
1
0
Fork 0
mirror of https://github.com/TangentFoxy/memex.git synced 2024-11-22 04:54:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Refactor image type entry css, fix (remove) image-type-link underline.

Browse Source
This commit is contained in:
kor 2018-10-31 14:26:21 +13:00
parent ee0bdca87b
commit 66d868454b
2 changed files with 26 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
docs/asset/style.css
View File

@ -230,7 +230,9 @@ body {
}
/*IMAGE*/
.griditem-image .griditem-containerupper {
.griditem-containerupper-image {
padding: var(--size-grid-gutter) var(--size-grid-gutter) 0 var(--size-grid-gutter);
display: inline-block;
position: absolute;
height: 100%;
width: 100%;
@ -238,14 +240,17 @@ body {
z-index: 200;
top: 0;
}
.griditem-image .griditem-containerlower {
padding-bottom: var(--size-grid-gutter);
.griditem-containerlower-image {
padding: var(--size-grid-gutter);
position: absolute;
width: 100%;
bottom: 0;
z-index: 200;
left: 0;
}
.griditem-containerlower-image:empty {
display: none;
}
.griditem-image {
background: transparent;
padding-bottom: 0;
@ -371,6 +376,7 @@ body {
vertical-align: top;
text-align: center;
float: right;
text-decoration: none;
}
.griditem-typeicon {
opacity: var(--alpha-idleicon);
@ -451,10 +457,10 @@ body {
}
/* IMAGE */
.griditem-image .griditem-containerlower {
.griditem-containerlower-image {
display: none;
}
.griditem-image:hover .griditem-containerlower {
.griditem-image:hover .griditem-containerlower-image {
display: initial;
}
.griditem-taglink {

20
docs/logic/view.js
View File

@ -88,7 +88,8 @@ function View()
}
let onclickImage = ``;
if (SETTINGS.SHOWIMAG && this.isType(value.TYPE, 'image'))
let entryIsImageType = (SETTINGS.SHOWIMAG && this.isType(value.TYPE, 'image'));
if (entryIsImageType)
{
itemClass += " griditem-image";
onclickImage = `onclick="main.view.handleImageClick(event, this, '${value.FILE}');"
@ -118,7 +119,12 @@ function View()
// UPPER CONTENT START
if (SETTINGS.SHOWUPPER)
{
entry += `<div class="griditem-containerupper" ${onclickImage}>`;
let upperClass = 'griditem-containerupper';
if (entryIsImageType)
{
upperClass = 'griditem-containerupper-image';
}
entry += `<div class="${upperClass}" ${onclickImage}>`;
// TITLE
if (SETTINGS.SHOWTITLE)
@ -165,7 +171,12 @@ function View()
// LOWER CONTENT START
if (SETTINGS.SHOWLOWER)
{
entry += `<div class="griditem-containerlower" ${onclickImage}>`;
let lowerClass = 'griditem-containerlower';
if (entryIsImageType)
{
lowerClass = 'griditem-containerlower-image';
}
entry += `<div class="${lowerClass}" ${onclickImage}>`;
// AUTHOR
if (SETTINGS.SHOWAUTH && this.isDefined(value.AUTH))
@ -260,8 +271,7 @@ function View()
}
// IMAGE - for image-type-entry
if (SETTINGS.SHOWIMAG
&& this.isType(value.TYPE, 'image')
if (entryIsImageType
&& this.isDefined(value.FILE)
&& this.isImage(value.FILE))
{