mirror of
https://github.com/Kovah/LinkAce.git
synced 2025-01-17 05:08:21 +01:00
Add condensed font for some view to save space (#553)
This commit is contained in:
Kovah
parent
e785460e31
commit
9ef62a43d1
Binary file not shown.
Binary file not shown.
BIN
public/assets/fonts/IBMPlexSans-Regular.woff
Normal file
BIN
public/assets/fonts/IBMPlexSans-Regular.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/IBMPlexSans-Regular.woff2
Normal file
BIN
public/assets/fonts/IBMPlexSans-Regular.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
public/assets/fonts/IBMPlexSansCondensed-Bold.woff
Normal file
BIN
public/assets/fonts/IBMPlexSansCondensed-Bold.woff
Normal file
Binary file not shown.
0
public/assets/fonts/IBMPlexSansCondensed-Bold.woff2
Normal file
0
public/assets/fonts/IBMPlexSansCondensed-Bold.woff2
Normal file
BIN
public/assets/fonts/IBMPlexSansCondensed-Regular.woff
Normal file
BIN
public/assets/fonts/IBMPlexSansCondensed-Regular.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/IBMPlexSansCondensed-Regular.woff2
Normal file
BIN
public/assets/fonts/IBMPlexSansCondensed-Regular.woff2
Normal file
Binary file not shown.
22
resources/assets/sass/_fonts.scss
vendored
22
resources/assets/sass/_fonts.scss
vendored
@ -10,8 +10,26 @@
|
||||
@font-face {
|
||||
font-family: 'IBM Plex Sans';
|
||||
src: local('IBM Plex Sans'), local('IBMPlexSans'),
|
||||
url('../../fonts/IBMPlexSans.woff2') format('woff2'),
|
||||
url('../../fonts/IBMPlexSans.woff') format('woff');
|
||||
url('../../fonts/IBMPlexSans-Regular.woff2') format('woff2'),
|
||||
url('../../fonts/IBMPlexSans-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'IBM Plex Sans Condensed';
|
||||
src: local('IBM Plex Sans Cond Bold'), local('IBMPlexSansCond-Bold'),
|
||||
url('../../fonts/IBMPlexSansCondensed-Bold.woff2') format('woff2'),
|
||||
url('../../fonts/IBMPlexSansCondensed-Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'IBM Plex Sans Condensed';
|
||||
src: local('IBM Plex Sans Cond'), local('IBMPlexSansCond'),
|
||||
url('../../fonts/IBMPlexSansCondensed-Regular.woff2') format('woff2'),
|
||||
url('../../fonts/IBMPlexSansCondensed-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
1
resources/assets/sass/_variables.scss
vendored
1
resources/assets/sass/_variables.scss
vendored
@ -116,6 +116,7 @@ $link-thumbnail-placeholder-color: $gray-200;
|
||||
|
||||
// Typography
|
||||
$font-family-sans-serif: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
$font-family-sans-condensed: "IBM Plex Sans Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
$font-weight-normal: 400;
|
||||
$font-size-base: 1rem;
|
||||
$font-size-xs: $font-size-base * .75;
|
||||
|
||||
4
resources/assets/sass/custom/_app.scss
vendored
4
resources/assets/sass/custom/_app.scss
vendored
@ -107,6 +107,10 @@ a.badge {
|
||||
color: $body-color-pale !important;
|
||||
}
|
||||
|
||||
.text-condensed {
|
||||
font-family: $font-family-sans-condensed;
|
||||
}
|
||||
|
||||
.btn-xs {
|
||||
@include button-size($btn-padding-y-xs, $btn-padding-x-xs, $btn-font-size-xs, $btn-border-radius-xs);
|
||||
}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
@props(['model'])
|
||||
<div {{ $attributes->merge(['class' => 'd-inline']) }}>
|
||||
<span class="text-muted">{{ $model->user->name }}/</span>{{ $model->name }}
|
||||
<span class="text-muted text-condensed">{{ $model->user->name }}/</span>{{ $model->name }}
|
||||
</div>
|
||||
|
||||
@ -26,7 +26,7 @@
|
||||
@if($link->tags->count() > 0)
|
||||
<div class="px-3">
|
||||
@foreach($link->tags as $tag)
|
||||
<a href="{{ route('guest.tags.show', [$tag]) }}" class="btn btn-light btn-xs">
|
||||
<a href="{{ route('guest.tags.show', [$tag]) }}" class="btn btn-light btn-xs text-condensed">
|
||||
{{ $tag->name }}
|
||||
</a>
|
||||
@endforeach
|
||||
@ -34,7 +34,7 @@
|
||||
@endif
|
||||
|
||||
<div class="d-flex align-items-center my-1">
|
||||
<div class="text-pale text-xs me-3 ps-3">
|
||||
<div class="text-pale text-xs me-3 ps-3 text-condensed">
|
||||
@lang('linkace.added') {!! $link->addedAt() !!}
|
||||
</div>
|
||||
<div class="btn-group ms-auto me-2">
|
||||
|
||||
@ -24,7 +24,7 @@
|
||||
@foreach($link->tags as $tag)
|
||||
@if(!$tag->is_private)
|
||||
<a href="{{ route('guest.tags.show', ['tag' => $tag]) }}"
|
||||
class="btn btn-xs btn-light">
|
||||
class="btn btn-xs btn-light text-condensed">
|
||||
{{ $tag->name }}
|
||||
</a>
|
||||
@endif
|
||||
@ -33,7 +33,7 @@
|
||||
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 mt-2 mt-sm-0 d-flex align-items-center justify-content-end flex-wrap">
|
||||
<div class="text-xs text-pale mt-3 mt-sm-0 me-3">
|
||||
<div class="text-xs text-pale mt-3 mt-sm-0 me-3 text-condensed">
|
||||
@lang('linkace.added') {!! $link->addedAt() !!}
|
||||
</div>
|
||||
<button type="button" class="btn btn-xs btn-md-sm btn-link" title="@lang('sharing.share_link')"
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
</a>
|
||||
</div>
|
||||
<div class="mt-2 mt-sm-0 ms-auto flex-shrink-0">
|
||||
<small class="text-pale me-3">{!! $link->domainOfURL() !!}</small>
|
||||
<small class="text-pale me-2 text-condensed">{!! $link->domainOfURL() !!}</small>
|
||||
<button type="button" class="btn btn-xs btn-outline-secondary" title="@lang('sharing.share_link')"
|
||||
data-bs-toggle="collapse" data-bs-target="#sharing-{{ $link->id }}"
|
||||
aria-expanded="false" aria-controls="sharing-{{ $link->id }}">
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
</div>
|
||||
|
||||
<div class="py-2 px-3">
|
||||
<div class="text-xs text-pale">
|
||||
<div class="text-xs text-pale text-condensed">
|
||||
@if($list->links_count > 0)
|
||||
{{ trans_choice('list.number_links', $list->links_count, ['number' => $list->links_count]) }}
|
||||
@else
|
||||
|
||||
@ -28,7 +28,7 @@
|
||||
@if($link->tags->count() > 0)
|
||||
<div class="px-3 mb-3">
|
||||
@foreach($link->tags as $tag)
|
||||
<a href="{{ route('tags.show', [$tag]) }}" class="btn btn-light btn-xs">
|
||||
<a href="{{ route('tags.show', [$tag]) }}" class="btn btn-light btn-xs text-condensed">
|
||||
{{ $tag->name }}
|
||||
</a>
|
||||
@endforeach
|
||||
@ -36,7 +36,7 @@
|
||||
@endif
|
||||
|
||||
<div class="d-flex align-items-center my-1">
|
||||
<div class="text-pale text-xs me-3 ps-3">
|
||||
<div class="text-pale text-xs me-3 ps-3 text-condensed">
|
||||
@lang('linkace.added') {!! $link->addedAt() !!}
|
||||
</div>
|
||||
|
||||
@ -48,14 +48,16 @@
|
||||
<x-icon.share class="fw"/>
|
||||
<span class="visually-hidden">@lang('sharing.share_link')</span>
|
||||
</button>
|
||||
<a href="{{ route('links.show', [$link]) }}" class="btn btn-xs btn-link" title="@lang('link.show')">
|
||||
<a href="{{ route('links.show', [$link]) }}" class="btn btn-xs btn-link text-condensed"
|
||||
title="@lang('link.show')">
|
||||
@lang('linkace.show')
|
||||
</a>
|
||||
<a href="{{ route('links.edit', [$link]) }}" class="btn btn-xs btn-link" title="@lang('link.edit')">
|
||||
<a href="{{ route('links.edit', [$link]) }}" class="btn btn-xs btn-link text-condensed"
|
||||
title="@lang('link.edit')">
|
||||
@lang('linkace.edit')
|
||||
</a>
|
||||
<button type="submit" form="link-delete-{{ $link->id }}" title="@choice('link.delete', 1)"
|
||||
class="btn btn-xs btn-link">
|
||||
class="btn btn-xs btn-link text-condensed">
|
||||
@lang('linkace.delete')
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
<div class="d-none d-sm-inline-block me-3 me-lg-4"> </div>
|
||||
@if($link->tags->count() > 0)
|
||||
@foreach($link->tags as $tag)
|
||||
<a href="{{ route('tags.show', ['tag' => $tag]) }}" class="btn btn-light btn-xs">
|
||||
<a href="{{ route('tags.show', ['tag' => $tag]) }}" class="btn btn-light btn-xs text-condensed">
|
||||
{{ $tag->name }}
|
||||
</a>
|
||||
@endforeach
|
||||
@ -31,7 +31,7 @@
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 mt-2 mt-sm-0 d-flex align-items-center justify-content-end flex-wrap">
|
||||
|
||||
<div class="text-xs text-pale">
|
||||
<div class="text-xs text-pale text-condensed">
|
||||
@lang('linkace.added') {!! $link->addedAt() !!}
|
||||
</div>
|
||||
|
||||
@ -42,14 +42,14 @@
|
||||
<x-icon.share class="fw"/>
|
||||
<span class="visually-hidden">@lang('sharing.share_link')</span>
|
||||
</button>
|
||||
<a href="{{ route('links.show', [$link]) }}" class="btn btn-xs btn-link" title="@lang('link.show')">
|
||||
<a href="{{ route('links.show', [$link]) }}" class="btn btn-xs btn-link text-condensed" title="@lang('link.show')">
|
||||
@lang('linkace.show')
|
||||
</a>
|
||||
<a href="{{ route('links.edit', [$link]) }}" class="btn btn-xs btn-link" title="@lang('link.edit')">
|
||||
<a href="{{ route('links.edit', [$link]) }}" class="btn btn-xs btn-link text-condensed" title="@lang('link.edit')">
|
||||
@lang('linkace.edit')
|
||||
</a>
|
||||
<button type="submit" form="link-delete-{{ $link->id }}" title="@choice('link.delete', 1)"
|
||||
class="btn btn-xs btn-link">
|
||||
class="btn btn-xs btn-link text-condensed">
|
||||
@lang('linkace.delete')
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
</a>
|
||||
</div>
|
||||
<div class="mt-2 mt-sm-0 ms-auto flex-shrink-0 d-flex align-items-center">
|
||||
<small class="text-pale me-3">{!! $link->domainOfURL() !!}</small>
|
||||
<small class="text-pale me-2 text-condensed">{!! $link->domainOfURL() !!}</small>
|
||||
<a href="{{ route('links.show', [$link]) }}" title="@lang('link.show')" class="me-1">
|
||||
<x-icon.info class="fw"/>
|
||||
<span class="visually-hidden">@lang('link.details')</span>
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="text-xs text-pale me-3 ps-3">
|
||||
<div class="text-xs text-pale me-3 ps-3 text-condensed">
|
||||
@if($list->links_count > 0)
|
||||
{{ trans_choice('list.number_links', $list->links_count, ['number' => $list->links_count]) }}
|
||||
@else
|
||||
@ -21,10 +21,10 @@
|
||||
@endif
|
||||
</div>
|
||||
<div class="btn-group ms-auto me-1">
|
||||
<a href="{{ route('lists.edit', ['list' => $list]) }}" class="btn btn-xs btn-link">
|
||||
<a href="{{ route('lists.edit', ['list' => $list]) }}" class="btn btn-xs btn-link text-condensed">
|
||||
@lang('linkace.edit')
|
||||
</a>
|
||||
<button type="submit" form="list-delete-{{ $list->id }}" class="btn btn-xs btn-link">
|
||||
<button type="submit" form="list-delete-{{ $list->id }}" class="btn btn-xs btn-link text-condensed">
|
||||
@lang('linkace.delete')
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@ -11,11 +11,11 @@
|
||||
<td class="py-1">
|
||||
<div class="mt-1 d-flex align-items-center justify-content-end">
|
||||
<div class="btn-group me-1">
|
||||
<a href="{{ route('tags.edit', [$tag]) }}" class="btn btn-xs btn-link">
|
||||
<a href="{{ route('tags.edit', [$tag]) }}" class="btn btn-xs btn-link text-condensed">
|
||||
@lang('linkace.edit')
|
||||
</a>
|
||||
<button type="submit" form="tag-delete-{{ $tag->id }}" title="@choice('tag.delete', 1)"
|
||||
class="btn btn-xs btn-link">
|
||||
class="btn btn-xs btn-link text-condensed">
|
||||
@lang('linkace.delete')
|
||||
</button>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user