developer resources
Codebales holds an ever growing number of solutions to problems that we have experienced in our day to day code writing
Selected filter
10
results
Andrew Fletcher
•
As you're using Bootstrap 5 and applying a style for the hover state of an accordion button, specifically changing the background image of an ::after pseudo-element. If you want to change the icon colour on hover, you should modify the fill attribute in the SVG's path element.
Here's an example:
/* Default state */
.accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath fill-rule='evenodd'...
Andrew Fletcher
•
Visual Studio Code (VS Code) allows you to manage extensions using the VS Code...
Andrew Fletcher
•
Using CK Editor 5, I needed to add instructions to a page that held FontAwesome...
Andrew Fletcher
•
Tailwind CSS is a highly customisable framework that delivers developers the...
Andrew Fletcher
•
JSON structure
Outlining the structure of the elements common attributes:...
Andrew Fletcher
•
Working on a decoupled React / Drupal 9 site.
Aim: Adjust the output of curated content for the Work Resources page. So the icon is displayed with a path. Enabling React developers to select whether to use the image or icon.
Tools
Drupal
9.4
React
Currently, the JSON output
{
"id": "content_reference",
"title": "Forms",
"summary": null,
"columns": "3",
"cta": {
"text": "View all",
"href": "https://www.google.com/"
},
"content": [
...
Andrew Fletcher
•
How to make React calls on a Drupal 9 backend site using the search...
Andrew Fletcher
•
This code is from Drupal 9 back-end for a React front-end via REST API.
Working...
Andrew Fletcher
•
phpcs issue in Visual Studio Code, I'm receiving this warning in VS...
Andrew Fletcher
•
Setting up a new project in Docker and VS Code.
Using Terminal, go to your...