Remove tweet feed overflow
This commit is contained in:
pluja
parent
a64ef01ad7
commit
9762c214c6
@ -17,4 +17,8 @@
|
||||
.video-title{
|
||||
font-weight: bold;
|
||||
font-size: 1.15em;
|
||||
}
|
||||
|
||||
.break-word{
|
||||
word-break: break-word;
|
||||
}
|
||||
@ -1,37 +1,30 @@
|
||||
<div class="column"> <!--Start tweet-->
|
||||
<div class="ui centered card">
|
||||
<div class="content">
|
||||
<div class="extra content">
|
||||
<div class="left floated author">
|
||||
<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 class="ui centered card"><!--Start tweet-->
|
||||
<div class="content">
|
||||
<div class="extra content">
|
||||
<div class="left floated author">
|
||||
<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 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 class="extra content">
|
||||
<i class="like icon"></i> 1000
|
||||
<span> · · </span>
|
||||
<i class="retweet icon"></i> 20
|
||||
</div>-->
|
||||
</div>
|
||||
</div> <!--End tweet-->
|
||||
@ -1,37 +1,30 @@
|
||||
<div class="column"> <!--Start tweet-->
|
||||
<div class="ui centered card">
|
||||
<div class="content">
|
||||
<div class="extra content">
|
||||
<div class="left floated author">
|
||||
<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 class="ui centered card"><!--Start tweet-->
|
||||
<div class="content">
|
||||
<div class="extra content">
|
||||
<div class="left floated author">
|
||||
<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 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 class="extra content">
|
||||
<i class="like icon"></i> 1000
|
||||
<span> · · </span>
|
||||
<i class="retweet icon"></i> 20
|
||||
</div>-->
|
||||
</div>
|
||||
</div> <!--End tweet-->
|
||||
@ -12,18 +12,18 @@
|
||||
<link rel="stylesheet" type= "text/css" href="{{ url_for('static',filename='styles.css') }}">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ui stackable menu">
|
||||
<div class="ui labeled icon menu">
|
||||
<a href="{{ url_for('index') }}"><div class="item">
|
||||
<img src="{{ url_for('static',filename='img/logo.png') }}">
|
||||
</div></a>
|
||||
{% if current_user.is_anonymous %}
|
||||
<a href="{{ url_for('login') }}" class="item">Login</a>
|
||||
{% else %}
|
||||
<a href="{{ url_for('twitter') }}" class="twitter item">Twitter</a>
|
||||
<a href="{{ url_for('search') }}" class="twitter item">Search</a>
|
||||
<a href="{{ url_for('saved') }}" class="twitter item">Saved</a>
|
||||
<a href="{{ url_for('youtube') }}" class="youtube item">Youtube</a>
|
||||
<a href="{{ url_for('ytsearch') }}" class="youtube item">Search</a>
|
||||
<a href="{{ url_for('twitter') }}" class="twitter item"><i class="twitter icon"></i></a>
|
||||
<a href="{{ url_for('search') }}" class="twitter item"><i class="search icon"></i></a>
|
||||
<a href="{{ url_for('saved') }}" class="twitter item"><i class="bookmark icon"></i></a>
|
||||
<a href="{{ url_for('youtube') }}" class="youtube item"><i class="youtube icon"></i></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('logout') }}" class="item"><i class="sign-out icon"></i></a>
|
||||
{% endif %}
|
||||
|
||||
@ -1,17 +1,17 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div style="padding: 1.3em;" class="ui one column centered grid">
|
||||
<a href="{{ url_for('following') }}"><div class="ui small teal statistic">
|
||||
<div class="text container centered">
|
||||
<a style="padding: 1.3em; display: block;" href="{{ url_for('following') }}" class="ui small teal statistic">
|
||||
<div class="value">
|
||||
{{ followedCount }}
|
||||
</div>
|
||||
<div class="label">
|
||||
Following
|
||||
</div>
|
||||
</div></a>
|
||||
</a>
|
||||
</div>
|
||||
<div class="ui one column grid" id="card-container">
|
||||
<div class="text container" id="card-container">
|
||||
{% if posts %}
|
||||
{% for post in posts %}
|
||||
{% if post.isRT %}
|
||||
|
||||
Reference in New Issue
Block a user