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
11
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
•
A summary of Node package commands
Short cut commands
npm install...
Andrew Fletcher
•
Working on a decoupled React / Drupal 9 site.
Aim: Adjust the output of curated...
Andrew Fletcher
•
How to make React calls on a Drupal 9 backend site using the search...
Andrew Fletcher
•
ERROR Error: Uncaught (in promise): TypeError: undefined is not an object...
Andrew Fletcher
•
This code is from Drupal 9 back-end for a React front-end via REST API.
Working through the output for recently viewed pages... the code structure:
<?php
namespace Drupal\custom\Plugin\GetData\paragraph;
use Drupal\custom\Plugin\GetData\ContentBase;
use Drupal\custom\Plugin\GetData\ParagraphTrait;
use Drupal\node\Entity\Node;
/**
* Provides Recent view pages data.
*
* @GetData(
* id = "recent_view_pages",
* title = @Translation("Recent view pages Data"),
* )
*/
class...
Andrew Fletcher
•
Working through an app project I inherited using Ionic, Angular and ngx-leaflet...
Andrew Fletcher
•
The issue
Text through the app is being rendered as
<p>Depletion...
Andrew Fletcher
•
Step 1: Install Homebrew
Homebrew is the missing package manager for macOS.
As...
Andrew Fletcher
•
Working on a new CentOS 7 server, Node wasn't installed. You can...
Andrew Fletcher
•
I started out with a simple task... install Tailwindcss. What unfolded is something that many of us have experienced time and time again.
For anyone that has completed this task before knows that through shell the command is
# Using npm
npm install tailwindcssHowever, before doing so I wanted to check the version of node on the server and in Plesk. The shell command node -v was showing v7.10.1 whereas in Plesk v10.16.0. Not great being a few versions behind....