Fix spacing of Nav Links in Admin (#14407)

* schema file undelete description

* update with main

* update with origin

* update

* fix nav link spacing in Admin

* fix alignment issues for large position numbers
This commit is contained in:
Arit Amana 2021-08-04 11:24:42 -04:00 committed by GitHub
parent b04309d17e
commit c3eca46c97
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 4 deletions

View file

@ -103,6 +103,11 @@ label {
}
}
.navigation-link-position {
min-width: 25px;
text-align: right;
}
.admin-navigation-links {
width: 240px;
}

View file

@ -8,8 +8,8 @@
</h2>
<ul class="ml-0">
<% @default_nav_links.each_with_index do |link, index| %>
<li class="flex <% index.zero? ? "pt-4" : "pt-5" %> items-center">
<div class="mr-5"><%= link[:position] %></div>
<li class="flex pt-4 items-center">
<div class="mr-5 navigation-link-position"><%= link[:position] %></div>
<div class="admin-navigation-links">
<a href="<%= link[:url] %>" class="crayons-link crayons-link--block bg-base-20">
<div class="crayons-icon crayons-icon--default">
@ -38,8 +38,8 @@
</h2>
<ul class="ml-0">
<% @other_nav_links.each_with_index do |link, index| %>
<li class="flex <% if index == 0 %>pt-4<% else %>pt-5<% end %> items-center">
<div class="mr-5"><%= link[:position] %></div>
<li class="flex pt-4 items-center">
<div class="mr-5 navigation-link-position"><%= link[:position] %></div>
<div class="admin-navigation-links">
<a href="<%= link[:url] %>" class="crayons-link crayons-link--block bg-base-20">
<div class="crayons-icon crayons-icon--default">