Remove style attribute and use .css file instead
This commit is contained in:
		
							
								
								
									
										12
									
								
								discord_rss_bot/static/styles.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										12
									
								
								discord_rss_bot/static/styles.css
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,12 @@ | |||||||
|  | body { | ||||||
|  |     background: #111111; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .summary { | ||||||
|  |     max-height: 450px; | ||||||
|  |     overflow-y: auto | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .border { | ||||||
|  |     background: #161616; | ||||||
|  | } | ||||||
| @@ -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"> | ||||||
|   | |||||||
| @@ -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> | ||||||
|   | |||||||
| @@ -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"] %} | ||||||
|   | |||||||
| @@ -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> | ||||||
|   | |||||||
| @@ -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 %} | ||||||
		Reference in New Issue
	
	Block a user