midgard/zeus.ugent.be
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

centering issue contact page

Browse source
This commit is contained in:
Lorin Werthen 2021-03-20 10:15:00 +01:00
parent c651c6d4be
commit bc855375e4
No known key found for this signature in database
GPG key ID: F11FFC921E0E08E0
2 changed files with 9 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
content/assets/stylesheets/includes/about.scss
View file

@ -66,20 +66,13 @@ table.board-table {
}
#contact-icons {
display: flex;
justify-content: center;
align-items: center;
margin-left: 0;
margin-top: 0;
> .column {
max-width: 70vw;
max-width: 40vw;
}
.contact-circle-option {
display: block;
max-width: 200px;
//display: block;
//max-width: 200px;
.contact-circle-wrapper {
display: block;

10
content/contact.erb
View file

@ -47,9 +47,10 @@ contact_links:
<h2 class='subtitle is-4 has-text-centered has-text-weight-light'>bleep bloop</h2>
<!-- Contact buttons -->
<ul id='contact-icons' class='columns is-centered is-multiline'>
<div id='contact-icons' class='columns is-centered is-multiline is-mobile'>
<% @item[:contact_links].each do |option| %>
<li id='<%= option[:description] %>' class='contact-circle-option column is-one-quarter-desktop is-one-third-tablet is-half-mobile'>
<div class='column is-one-quarter-desktop is-one-third-tablet is-half-mobile'>
<div id='<%= option[:description] %>' class='contact-circle-option'>
<a href='<%= option[:link] %>' class='contact-circle-wrapper'>
<div class='contact-circle is-centered'>
<div class='contact-circle-pulse grow'></div>
@ -60,9 +61,10 @@ contact_links:
<p class='has-text-centered'>
<a href='<%= option[:link] %>' class='contact-text-link is-link'><%= option[:action] %></a>
</p>
</li>
</div>
</div>
<% end %>
</ul>
</div>
<div id="board">
<h2>The board (<%= pretty_year @config[:academic_year] %>)</h2>