Remove style attribute and use .css file instead

This commit is contained in:
2022-12-11 21:48:57 +01:00
parent 5ea3744c66
commit 7ec51393d3
6 changed files with 24 additions and 11 deletions

View File

@ -0,0 +1,12 @@
body {
background: #111111;
}
.summary {
max-height: 450px;
overflow-y: auto
}
.border {
background: #161616;
}

View File

@ -6,10 +6,11 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
crossorigin="anonymous"> crossorigin="anonymous">
<link href="{{ url_for("static", path="/styles.css") }}" rel="stylesheet">
<title>discord-rss-bot{% block title %}{% endblock %}</title> <title>discord-rss-bot{% block title %}{% endblock %}</title>
{% block head %}{% endblock %} {% block head %}{% endblock %}
</head> </head>
<body class="text-white-50" style="background: #111111;"> <body class="text-white-50">
{% include "nav.html" %} {% include "nav.html" %}
<div class="p-2 mb-2"> <div class="p-2 mb-2">
<div class="container-fluid"> <div class="container-fluid">

View File

@ -1,14 +1,14 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %} | {{ feed.title }}{% endblock %} {% block title %} | {{ feed.title }}{% endblock %}
{% block content %} {% block content %}
<div class="p-2 mb-2 border border-dark" style="background: #161616;"> <div class="p-2 mb-2 border border-dark">
{# The feed title.#} {# The feed title.#}
<h2> <h2>
<a class="text-muted text-decoration-none" href="{{ feed.link }}"> <a class="text-muted text-decoration-none" href="{{ feed.link }}">
{{ feed.title }} {{ feed.title }}
{% if not feed.updates_enabled %} {% if feed.updates_enabled %}
- <span style="color: red">disabled</span> - <span class="text-danger">disabled</span>
{% endif %} {% endif %}
</a> </a>
</h2> </h2>
@ -44,7 +44,7 @@
</div> </div>
{% for entry in entries %} {% for entry in entries %}
<div class="p-2 mb-2 border border-dark" style="background: #161616;"> <div class="p-2 mb-2 border border-dark">
<h2> <h2>
<a class="text-muted text-decoration-none" href="{{ entry.link }}"> <a class="text-muted text-decoration-none" href="{{ entry.link }}">
{{ entry.title }} {{ entry.title }}
@ -58,7 +58,7 @@
{% if entry.summary %} {% if entry.summary %}
<details> <details>
<summary>Summary</summary> <summary>Summary</summary>
<div class="text-muted text-wrap" style="max-height: 450px; overflow-y: auto"> <div class="text-muted text-wrap summary">
{{ entry.summary | safe }} {{ entry.summary | safe }}
</div> </div>
</details> </details>
@ -66,7 +66,7 @@
{% if entry.content %} {% if entry.content %}
<details> <details>
<summary>Content</summary> <summary>Content</summary>
<div class="text-muted" style="max-height: 450px; overflow-y: auto"> <div class="text-muted summary">
{{ entry.content[0].value | safe }} {{ entry.content[0].value | safe }}
</div> </div>
</details> </details>

View File

@ -27,7 +27,7 @@
</abbr> </abbr>
</p> </p>
{% for hook_from_context in webhooks %} {% for hook_from_context in webhooks %}
<div class="p-2 mb-2 border border-dark" style="background: #161616;"> <div class="p-2 mb-2 border border-dark">
<ul class="list-group">{{ hook_from_context.name }} <ul class="list-group">{{ hook_from_context.name }}
{% for feed_webhook in feeds %} {% for feed_webhook in feeds %}
{% set feed = feed_webhook["feed"] %} {% set feed = feed_webhook["feed"] %}

View File

@ -1,4 +1,4 @@
<nav class="navbar navbar-expand-md navbar-dark p-2 mb-3 border-bottom border-warning" style="background: #0F0F0F"> <nav class="navbar navbar-expand-md navbar-dark p-2 mb-3 border-bottom border-warning">
<div class="container-fluid"> <div class="container-fluid">
<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#collapseNavbar"> <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#collapseNavbar">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>

View File

@ -1,10 +1,10 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %} | Search{% endblock %} {% block title %} | Search{% endblock %}
{% block content %} {% block content %}
<div class="p-2 border border-dark text-muted" style="background:#0F0F0F"> <div class="p-2 border border-dark text-muted">
Your search for "{{ query }}" returned {{ search_amount.total }} results. Your search for "{{ query }}" returned {{ search_amount.total }} results.
</div> </div>
<div class="p-2 border border-dark text-muted" style="background:#0F0F0F"> <div class="p-2 border border-dark text-muted>
{{ search_html | safe }} {{ search_html | safe }}
</div> </div>
{% endblock %} {% endblock %}