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
37
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
•
Update Ubuntu 20.04
To begin update the server using the command
sudo apt update...
Andrew Fletcher
•
Resources - changing Drush
Type
Version
Drush (current)
11.6.0
Drush...
Andrew Fletcher
•
Attempting to run a composer update command, you know the one used...
Andrew Fletcher
•
Using Composer to Manage Projects and if required their dependencies
In this...
Andrew Fletcher
•
Using CK Editor 5, I needed to add instructions to a page that held FontAwesome (FA) icons. Included in these instructions were a couple of FA icons. Initially adding them was going to be resolved using Pseudo-elements. Accordingly they would be applied as follows:
.download-icon, .portal-icon {
position: relative;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.download-icon::before,
.portal-icon::before {
font-family:...
Andrew Fletcher
•
Installing PHP on OSX and it installed PHP 8.2.x. However, for my...
Andrew Fletcher
•
Looking at composer I first wanted to check the current version, which is...
Andrew Fletcher
•
Build the PHP base image with apache-buster using the Dockerfile.base
Since JN...
Andrew Fletcher
•
This article works through the steps to update dependencies in the...
Andrew Fletcher
•
JSON structure
Outlining the structure of the elements common attributes: type, title, name and required;
Text area
{
"type": "webform_multiple",
"title": "What's new?",
"name": "what_s_new_",
"required": false
}Text field
An additional attribute for the text field is maxlength
{
"type": "textfield",
"title": "Text field (optional)",
"name": "text_field_optional_",
"required": false,
"maxlength": 255
}Select field
Options attribute is an additional...
Andrew Fletcher
•
In this instance, I'll check the beginning of the string. I want to focus...
Andrew Fletcher
•
Working from the bases that .DS_Store has not been added to your git repository,...
Andrew Fletcher
•
To sort through a multidimensional array seems to be a function that I...
Andrew Fletcher
•
phpcs issue in Visual Studio Code, I'm receiving this warning in VS...