Fixed spacing on custom links added by text editor

Fixed word spacing bug in texts added by the new page editor. This bug caused inserted links to have extended spacing between words.

This 'bug' was a previous feature added to display links further apart for easier readability. The feature didn't scale well with the newly added page editor which allowed users to add their own links to edited texts, causing the bug.

The extended spacing was achieved with the 'padding' CSS tag. I simply removed the tag from all an HTML tags and made it into its own class, 'spacing'. I added the class to every element on the site that previously depended on this tag.
This commit is contained in:
Julian Prieber 2022-03-29 16:27:50 +02:00
parent 0e414dfcaf
commit 8fdc1a7f74
4 changed files with 13 additions and 10 deletions

View File

@ -39,7 +39,6 @@
max-width: 600px;
text-align: center;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box; }
.column {
position: center;
@ -110,6 +109,9 @@ a {
a:hover {
color: #0085FF; }
.spacing {
padding: 0 10px;
}
/* Code
*/

View File

@ -39,7 +39,6 @@
max-width: 600px;
text-align: center;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box; }
.column {
position: center;
@ -106,11 +105,13 @@ p {
a {
color: #0085FF;
text-decoration: none;
padding: 0px 10px;
}
a:hover {
color: #0085FF; }
.spacing {
padding: 0 10px;
}
/* Code
*/

View File

@ -66,12 +66,12 @@ foreach($pages as $page)
<div class="sign" style="margin-top: 30px; text-align: right;">
@if (Route::has('login'))
@auth
<a href="{{ route('studioIndex') }}" class="underline">Studio</a>
<a href="{{ route('studioIndex') }}" class="underline spacing">Studio</a>
@else
<a href="{{ route('login') }}" class="underline">Log in</a>
<a href="{{ route('login') }}" class="underline spacing">Log in</a>
@if (Route::has('register') and $page->register == 'true')
<a href="{{ route('register') }}" class="underline">Register</a>
<a href="{{ route('register') }}" class="underline spacing">Register</a>
@endif
@endauth
@endif

View File

@ -1,9 +1,9 @@
<div class="footer fadein" style="margin:5% 0px 35px 0px;">
@if(env('DISPLAY_FOOTER') === true)
<a class="hvr-float" href="{{ url('') }}/">Home</a>
<a class="hvr-float" href="{{ url('') }}/pages/terms">Terms</a>
<a class="hvr-float" href="{{ url('') }}/pages/privacy">Privacy</a>
<a class="hvr-float" href="{{ url('') }}/pages/contact">Contact</a>
<a class="hvr-float spacing" href="{{ url('') }}/">Home</a>
<a class="hvr-float spacing" href="{{ url('') }}/pages/terms">Terms</a>
<a class="hvr-float spacing" href="{{ url('') }}/pages/privacy">Privacy</a>
<a class="hvr-float spacing" href="{{ url('') }}/pages/contact">Contact</a>
@endif
</div>