Please see the cancel button, it lost its background blue pad after upgrading Adaptable Theme to 1.6.1. I am running Moodle 3.3. Please let me how to fix this it looks annoying.
Thanks.
Asad Hameed
(Edited by Mary Evans - Re worded the subject title - original submission Saturday, 31 March 2018, 10:19 AM)
I have not checked this but I suspect that the style for the cancel has been removed as it is easy to click the wrong button.
This is the code used...
<button class="fp-file-cancel btn-cancel btn">Cancel</button>
Cheers
Mary
Mary,
Where do we drop that piece of code?
Somewhere in.. Custom ???
I would like to come back to the grey button we have here..
Try to revert this commit:
https://bitbucket.org/covuni/moodle-theme_adaptable/commits/209e4dc1a9a18499be739fe4d72f379bbc3d6811
But notice that this is a theme improvement and we do not provide support for any custom change.
Hi Fernando...changes like this should be a setting to allow for those who prefer the original style of a button.
Just my take on this.
Mary
Hi Daniell,
I have changed the original title of this discussion to remove URGENT and reworded the subject title to make it more pertinent to the problem..
I am not too happy with Fernando's last comment, asking users to try reversing the commit. Not many people understand coding speak so if you don't know how to do this in GIT then it is a nightmare of a problem to fix.
If you need help getting the styling right, just let me know and I 'll try coming up with a fix using CSS.
Cheers
Mary
Further to my last comment:
The CSS is as follows...add this to the CSS section of the Adaptable's CSS Settings page.
#id_cancel {
border: 1px solid #ddd !important;
background-color: #eee !important;
}
To change the hover color, use the following CSS but change background-color to the color of your choice.
#id_cancel:hover {
background-color: #eee !important;
}
Mary,
Had a little play yesterday.
Dropped this into the Custom CSS.
#id_cancel {
border: 1px solid #DCDCDC !important;
background-color: #FFFFFF !important;
}
#id_cancel:hover {
background-color: #DCDCDC !important;
}
I used this site for color references.
https://www.rapidtables.com/web/color/gray-color.html
Seems as per picture attached we are not getting this code to stick.
I went in and cleared Theme Cache just to make sure and opened and closed the browser.
For giggles, I took the development site back to boost theme and cleared cache. checked to make sure it looked good.
then went back to Adaptable to check if we had the change, but sadly no.
Let me know I am entering this code wrong.
Dear Daniell
The code provided by Mary worked fine and I was able to change the background, border etc by putting it in custom CSS box. Now its not annoying any more
Asad Hameed
Hum,
I wonder why mine is not working..
This is all I have in my custom CSS at the moment so there won't be any conflicts.
Am I doing something wrong ?
From version 1.6, the cancel button has been replaced by a link instead a button following the latest UI/UX best practices. This is a new feature and can't be reverted easily because moodle has many different ways to show buttons.