Remove tweet feed overflow

This commit is contained in:
pluja 2020-08-26 18:52:20 +02:00
parent a64ef01ad7
commit 9762c214c6
5 changed files with 66 additions and 76 deletions

View File

@ -17,4 +17,8 @@
.video-title{ .video-title{
font-weight: bold; font-weight: bold;
font-size: 1.15em; font-size: 1.15em;
}
.break-word{
word-break: break-word;
} }

View File

@ -1,37 +1,30 @@
<div class="column"> <!--Start tweet--> <div class="ui centered card"><!--Start tweet-->
<div class="ui centered card"> <div class="content">
<div class="content"> <div class="extra content">
<div class="extra content"> <div class="left floated author">
<div class="left floated author"> <img class="ui avatar image" src="{{ url_for('static',filename='img/avatars/')}}{{range(1, 12) | random}}.png">
<img class="ui avatar image" src="{{ url_for('static',filename='img/avatars/')}}{{range(1, 12) | random}}.png">
</div>
<a href="{{post.url}}"><span class="right floated star">
<i class="share square outline icon"></i>
</span></a>
</div>
<div class="header" id="author"><a href="user/{{post.op.replace('@','')}}">{{ post.op }}</a></div>
<div class="meta">
<span class="category" id="time"><i class="clock icon"></i> {{post.date}} </span>
<span class="category"><i class="retweet icon"></i> {{post.username}} retwitted</span>
</div>
<div class="description">
<p>{{post.content}}</p>
</div>
<div class="extra content">
<p>
<form class="ui form" action="{{ url_for('savePost', url=post.url.replace('/', '~')) }}" method="post">
<button type="submit" class="ui icon button">
<i class="bookmark outline icon"></i>
</button>
</form>
</p>
</div> </div>
<a href="{{post.url}}"><span class="right floated star">
<i class="share square outline icon"></i>
</span></a>
</div>
<div class="header" id="author"><a href="user/{{post.op.replace('@','')}}">{{ post.op }}</a></div>
<div class="meta">
<span class="category" id="time"><i class="clock icon"></i> {{post.date}} </span>
<span class="category"><i class="retweet icon"></i> {{post.username}} retwitted</span>
</div>
<div class="description break-word">
<p>{{post.content}}</p>
</div>
<div class="extra content">
<p>
<form class="ui form" action="{{ url_for('savePost', url=post.url.replace('/', '~')) }}" method="post">
<button type="submit" class="ui icon button">
<i class="bookmark outline icon"></i>
</button>
</form>
</p>
</div> </div>
<!--<div class="extra content">
<i class="like icon"></i> 1000
<span> · · </span>
<i class="retweet icon"></i> 20
</div>-->
</div> </div>
</div> <!--End tweet--> </div> <!--End tweet-->

View File

@ -1,37 +1,30 @@
<div class="column"> <!--Start tweet--> <div class="ui centered card"><!--Start tweet-->
<div class="ui centered card"> <div class="content">
<div class="content"> <div class="extra content">
<div class="extra content"> <div class="left floated author">
<div class="left floated author"> <img class="ui avatar image" src="{{ post.profilePic }}">
<img class="ui avatar image" src="{{ post.profilePic }}">
</div>
<a href="{{post.url}}"><span class="right floated star">
<i class="share square outline icon"></i>
</span></a>
</div>
<div class="header" id="author"><a href="user/{{post.op.replace('@','')}}">{{ post.op }}</a></div>
<div class="meta">
<span class="category" id="time"><i class="clock icon"></i> {{post.date}} </span>
{% if post.isPinned %}
<span class="category" id="time"><i class="map pin icon"></i> Pinned </span>
{%endif%}
</div>
<div class="description">
<p>{{post.content}}</p>
</div>
<div class="extra content">
<form class="ui form" action="{{ url_for('savePost', url=post.url.replace('/', '~')) }}" method="post">
<button type="submit" class="ui icon button">
<i class="bookmark outline icon"></i>
</button>
</form>
</div> </div>
<a href="{{post.url}}"><span class="right floated star">
<i class="share square outline icon"></i>
</span></a>
</div>
<div class="header" id="author"><a href="user/{{post.op.replace('@','')}}">{{ post.op }}</a></div>
<div class="meta">
<span class="category" id="time"><i class="clock icon"></i> {{post.date}} </span>
{% if post.isPinned %}
<span class="category" id="time"><i class="map pin icon"></i> Pinned </span>
{%endif%}
</div>
<div class="description break-word">
<p>{{post.content}}</p>
</div>
<div class="extra content">
<form class="ui form" action="{{ url_for('savePost', url=post.url.replace('/', '~')) }}" method="post">
<button type="submit" class="ui icon button">
<i class="bookmark outline icon"></i>
</button>
</form>
</div> </div>
<!--<div class="extra content">
<i class="like icon"></i> 1000
<span> · · </span>
<i class="retweet icon"></i> 20
</div>-->
</div> </div>
</div> <!--End tweet--> </div> <!--End tweet-->

View File

@ -12,18 +12,18 @@
<link rel="stylesheet" type= "text/css" href="{{ url_for('static',filename='styles.css') }}"> <link rel="stylesheet" type= "text/css" href="{{ url_for('static',filename='styles.css') }}">
</head> </head>
<body> <body>
<div class="ui stackable menu"> <div class="ui labeled icon menu">
<a href="{{ url_for('index') }}"><div class="item"> <a href="{{ url_for('index') }}"><div class="item">
<img src="{{ url_for('static',filename='img/logo.png') }}"> <img src="{{ url_for('static',filename='img/logo.png') }}">
</div></a> </div></a>
{% if current_user.is_anonymous %} {% if current_user.is_anonymous %}
<a href="{{ url_for('login') }}" class="item">Login</a> <a href="{{ url_for('login') }}" class="item">Login</a>
{% else %} {% else %}
<a href="{{ url_for('twitter') }}" class="twitter item">Twitter</a> <a href="{{ url_for('twitter') }}" class="twitter item"><i class="twitter icon"></i></a>
<a href="{{ url_for('search') }}" class="twitter item">Search</a> <a href="{{ url_for('search') }}" class="twitter item"><i class="search icon"></i></a>
<a href="{{ url_for('saved') }}" class="twitter item">Saved</a> <a href="{{ url_for('saved') }}" class="twitter item"><i class="bookmark icon"></i></a>
<a href="{{ url_for('youtube') }}" class="youtube item">Youtube</a> <a href="{{ url_for('youtube') }}" class="youtube item"><i class="youtube icon"></i></a>
<a href="{{ url_for('ytsearch') }}" class="youtube item">Search</a> <a href="{{ url_for('ytsearch') }}" class="youtube item"><i class="search icon"></i></a>
<a href="{{ url_for('settings') }}" class="item"><i class="cog icon"></i></a> <a href="{{ url_for('settings') }}" class="item"><i class="cog icon"></i></a>
<a href="{{ url_for('logout') }}" class="item"><i class="sign-out icon"></i></a> <a href="{{ url_for('logout') }}" class="item"><i class="sign-out icon"></i></a>
{% endif %} {% endif %}

View File

@ -1,17 +1,17 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div style="padding: 1.3em;" class="ui one column centered grid"> <div class="text container centered">
<a href="{{ url_for('following') }}"><div class="ui small teal statistic"> <a style="padding: 1.3em; display: block;" href="{{ url_for('following') }}" class="ui small teal statistic">
<div class="value"> <div class="value">
{{ followedCount }} {{ followedCount }}
</div> </div>
<div class="label"> <div class="label">
Following Following
</div> </div>
</div></a> </a>
</div> </div>
<div class="ui one column grid" id="card-container"> <div class="text container" id="card-container">
{% if posts %} {% if posts %}
{% for post in posts %} {% for post in posts %}
{% if post.isRT %} {% if post.isRT %}