Commit af579539 authored by schrieveslaach's avatar schrieveslaach

Improve styling of attached files

parent 8a246556
Pipeline #37817126 passed with stages
in 5 minutes and 24 seconds
......@@ -22,7 +22,7 @@
.members {
display: grid;
justify-items: center;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-gap: 5px;
}
......@@ -32,8 +32,8 @@
background: #fff;
border-radius: 2px;
margin: 0.1rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
padding: 0.3rem;
}
......@@ -42,12 +42,20 @@
padding-bottom: 0.3rem;
}
.member > .docs > a {
white-space: nowrap;
max-width: 240px;
overflow: hidden;
text-overflow: ellipsis;
display: block
}
.member > .docs > a + a {
padding-left: 0.5rem;
}
.member:hover {
box-shadow: 0 4px 6px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.22);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.22);
}
.club-selection {
......@@ -59,7 +67,6 @@
display: inline;
}
.modal-backdrop {
position: fixed;
top: 0;
......
......@@ -7,11 +7,11 @@
<p>{{ member.zipcode }} {{ member.city }}</p>
<br v-if="Object.keys(member.files).length > 0">
<p class="docs" v-if="Object.keys(member.files).length > 0">
<div class="docs" v-if="Object.keys(member.files).length > 0">
<a class="button" :href="getFileUrl(file)" v-for="file in member.files">
<font-awesome-icon icon="file"/> {{ file }}
</a>
</p>
</div>
</div>
</template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment