creativetimofficial / argon-dashboard-django Goto Github PK

Hi everybody,
It may sound like a silly question but I am not able to change the default background of the dashboard. I need to replace the standard greyish color with the standard white background. I made some tries such as:

• inspect the argon.css file and inspect the classes
• Inspect the root colors and tried to change them ( as suggested by Sm0k3 on Discord)
• tried to set the background on the body via the style attribute setting the background-color: #FFFFFF but this is working for all colors except for white :D

My opinion is that something is affecting the way white is displayed and the final result is not a simple white but it is something more grey. I attach an example.

I would like my background to be fully white as it is inside the table but at the moment is light grey as it is on the right.

Any help is appreciated! I am not a deep expert of HTML/CSS

Version

v1.2.0

Reproduction link

https://jsfiddle.net/8agyk0nu/28/#&togetherjs=M59CPKtfmx

Operating System

Linux

Device

Laptop

Browser & Version

Version 89.0.4389.90 (Official Build) Arch Linux (64-bit)

Steps to reproduce

Add dynamic content (html code) to a already loaded page (client side).
The client obtains the web page.
When a certain event happens (click a button) a JQuery script is launched to add dynamically content to the page.
The added content is a datepicker input with the following code :

<div id="datepicker-range-component" class="tab-pane tab-example-result fade show active" role="tabpanel" aria-labelledby="datepicker-range-component-tab">
             <div class="input-daterange datepicker row align-items-center">
               <div class="col">
                 <div class="form-group">
                   <div class="input-group input-group-alternative">
                     <div class="input-group-prepend">
                       <span class="input-group-text"><i class="ni ni-calendar-grid-58"></i></span>
                     </div>
                     <input class="form-control" placeholder="Start date" type="text" value="06/18/2020">
                   </div>
                 </div>
               </div>
               <div class="col">
                 <div class="form-group">
                   <div class="input-group input-group-alternative">
                     <div class="input-group-prepend">
                       <span class="input-group-text"><i class="ni ni-calendar-grid-58"></i></span>
                     </div>
                     <input class="form-control" placeholder="End date" type="text" value="06/22/2020">
                   </div>
                 </div>
               </div>
             </div>
           </div>

What is expected?

When clicking on the newly added item the date pop-up would open and allow the user to choose a range.

What is actually happening?

Nothing. When clicking on the input field nothing happens.

Solution

Fix the observer system so that it would take into account new datepicker items that are added to the page.

Additional comments

The date-picker library works for the statically rendered content (directly asked from the server) but not for the one that's added afterwards (once the page was loaded).
This can be seen even on the https://demos.creative-tim.com/argon-design-system/docs/plugins/datepicker.html website.
When adding an datepicker directly in the DOM (using the browser->elements->copy datepicker element -> paste element somewhere in the page) the script won't work. Is there a way to tell the library to take into account the newly created elements ?

Under apps/home/urls.py the line re_path(r'^.*\.*', views.pages, name='pages'),

doesn't only match any html file as the comment says, rather it matches any file at all.
This causes a problem if you try and serve media files in the development server.
Any image will be matched by this regex and the view will return a 404 because it can't find a template with the same name.

Changing the regex from ^.*\.* to ^.*\.*html$ fixes the issue entirely, as that expression will only match .html files