Commit 2ce938c6 authored by Michael Ochmann's avatar Michael Ochmann

fixed link-list rendering in frontend.

it has been weird on long links
parent 924f76ee
@import url("bootstrap.min.css");@import url("ribbon.css");@font-face{font-family:"Linux Libertine";src:url("../fonts/linux_libertine.otf")}body{background:#005196;color:white}h1{font-family:"Linux Libertine",serif}input{font-size:x-large !important;height:auto !important}main{text-align:center}table.table-list{background:white !important;color:#333}table.table-list tr th:first-child{width:50%;text-align:left !important}table.table-list tr td{text-align:left !important}table.table-list tr td input{font-size:medium !important;font-weight:bold;padding:0 8px}.alert{margin-top:12px}.container{width:50%}.input-group-addon{font-size:large}.logo{padding:20px}.logo img{width:40%}.user{text-align:left;position:absolute;left:1%;top:3%;color:#bbb}@media(max-width:991px){.container{width:95%}}
\ No newline at end of file
@import url("bootstrap.min.css");@import url("ribbon.css");@font-face{font-family:"Linux Libertine";src:url("../fonts/linux_libertine.otf")}body{background:#005196;color:white;padding:0 0 50px}h1{font-family:"Linux Libertine",serif}input{font-size:x-large !important;height:auto !important}main{text-align:center}.alert{margin-top:12px}.container{width:50%}.input-group-addon{font-size:large}.link-list{background:white;display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;border-radius:5px;padding:8px;width:100%;box-sizing:border-box;color:#333}.link-list a{max-width:100%;text-align:left;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.link-list input{font-size:medium !important;font-weight:bold;padding:0 8px}.logo{padding:20px}.logo img{width:40%}.user{text-align:left;position:absolute;left:1%;top:3%;color:#bbb}@media(max-width:991px){.container{width:95%}}
\ No newline at end of file
......@@ -10,6 +10,7 @@
body {
background: #005196;
color: white;
padding: 0 0 50px;
}
h1 {
......@@ -25,23 +26,6 @@ main {
text-align: center;
}
table.table-list {
background: white !important;
color: #333;
}
table.table-list tr th:first-child {
width: 50%;
text-align: left !important;
}
table.table-list tr td {
text-align: left !important;
}
table.table-list tr td input {
font-size: medium !important;
font-weight: bold;
padding: 0 8px;
}
.alert {
margin-top: 12px;
}
......@@ -54,6 +38,32 @@ table.table-list tr td input {
font-size: large;
}
.link-list {
background: white;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px;
border-radius: 5px;
padding: 8px;
width: 100%;
box-sizing: border-box;
color: #333;
}
.link-list a {
max-width: 100%;
text-align: left;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.link-list input {
font-size: medium !important;
font-weight: bold;
padding: 0 8px;
}
.logo {
padding: 20px;
}
......
......@@ -17,15 +17,11 @@
</form>
<h2 style="margin-top: 50px;">Deine Links</h2>
<table class="table table-list">
<tr>
<th>URL</th>
<th>Shortlink</th>
</tr>
<section class="link-list">
<b>URL</b>
<b>Shortlink</b>
{% for link in links %}
<tr>
<td><a href="{{link.url}}">{{link.url}}</a></td>
<td><input type="text" value="{{baseurl}}/{{link.shortcode}}" disabled></td>
</tr>
<a href="{{link.url}}" title="{{link.url}}">{{link.url}}</a>
<input type="text" value="{{baseurl}}/{{link.shortcode}}" disabled>
{% endfor %}
</table>
\ No newline at end of file
</section>
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