Open garrettmassey1 opened 5 months ago
If you add your own style to Nova through the NovaServiceProvider
, you can add the following class definition to fix the issue for the create and update buttons:
NovaServiceProvider.php
public function boot() {
Nova::style('admin', asset('/assets/css/admin.css'));
}
admin.css
button[type="submit"] > span:nth-child(2).absolute {
display: flex !important;
position: unset !important;
justify-content: center !important;
align-items: center !important;
top: unset !important;
left: unset !important;
right: unset !important;
bottom: unset !important;
transform: unset !important;
}
This should work as a temporary fix.
Nova uses an animates SVG on the "create" or "update" buttons to indicate when a form is being submitted or processed. The position of the SVG is changed by the styles included in this package. Instead of the SVG being centered on the button, it is now centered absolutely on the page's content. The underlying HTML of the button when the form is being submitted is:
which should create a button that looks like this:
But instead, the class
absolute
and thestyle="top: 50%; left: 50%; transform: translate(-50%, -50%);"
and the inclusion of this package's css moves the svg indicator to the center of the screen (shown highlighted through the inspector below)This leaves the user with no visual indicator that the form is processing or working.
I'm trying to work on a css fix for it now.