Adding toast

changedetectionio/static/styles/scss/parts/_action_sidebar.scss

@@ -87,6 +87,12 @@
   flex: 1;
   min-width: 0;
   padding: 0;
+
+  // When action sidebar is not present, don't force full width
+  &:only-child {
+    flex: 0 1 auto;
+    margin: 0 auto;
+  }
 }
 
 // Dark mode adjustments

changedetectionio/static/styles/scss/styles.scss

@@ -27,6 +27,7 @@
 @use "parts/hamburger_menu";
 @use "parts/search_modal";
 @use "parts/notification_bubble";
+@use "parts/toast";
 
 
 body {

changedetectionio/templates/base.html

@@ -404,6 +404,8 @@
 
     <script src="{{url_for('static_content', group='js', filename='language-selector.js')}}" defer></script>
     <script src="{{url_for('static_content', group='js', filename='search-modal.js')}}" defer></script>
+    <script src="{{url_for('static_content', group='js', filename='toast.js')}}"></script>
+    <script src="{{url_for('static_content', group='js', filename='flask-toast-bridge.js')}}" defer></script>
   </body>
 
 </html>