Compare commits

..

No commits in common. "528254875d29afff384e9821dc6c3de693b96de5" and "eb0f7c6c7e9270c02f66fb951081c1bb1e9e922e" have entirely different histories.

4 changed files with 18 additions and 43 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,26 +1,9 @@
@include breakpoint(small) {
dl { dl {
.property { .property {
display:flex; display:flex;
flex-direction:column;
dt { dt {
min-width: unset;
max-width: unset;
width: unset;
}
}
}
}
@include breakpoint(medium) {
dl {
.property {
display:flex;
flex-direction:row;
dt {
min-width: 14rem;
max-width: 14rem;
width: 14rem; width: 14rem;
max-width: 14rem;
} }
} }
} }
}

View File

@ -137,25 +137,14 @@
// -- Modules // -- Modules
.media-list { .media-list {
@include breakpoint(small) { width: 100%;
display: flex; .resource-link {
flex-direction: column; width: auto;
width: 100%; display:inline-block;
.resource-link { > * {
width: auto; float: left;
display:inline-block; clear: both;
padding-right: $global-padding;
> * {
float: left;
clear: both;
}
} }
.resource-name {
font-size: 0.8rem;
}
}
@include breakpoint(medium) {
flex-direction: row;
} }
} }

View File

@ -51,14 +51,17 @@ $("#archive_page_title").html('<?php echo $_html ?>');
<div class="media-list" style="display: flex;"> <div class="media-list" style="display: flex;">
<?php foreach ($itemMedia as $media): ?> <?php foreach ($itemMedia as $media): ?>
<?php echo $media->linkPretty(); ?> <?php echo $media->linkPretty(); ?>
<div class="resource"> <br />
<a class="resource-link" href="<?= $media->originalUrl(); ?>"> <div style="display: flex;
flex: 1;
flex-direction: column;
padding: 0 10px 10px 0;">
<a href="<?= $media->originalUrl(); ?>">
<img src="<?= $media->thumbnailUrl("square"); ?>" /> <img src="<?= $media->thumbnailUrl("square"); ?>" />
<span class="resource-name"> <br />
<?= $media->displayTitle(); ?> <?= $media->displayTitle(); ?>
</span>
</a> </a>
</div> </div>
<?php endforeach; ?> <?php endforeach; ?>
</div> </div>
<?php endif; ?> <?php endif; ?>