artfulrobot/aah

Nice CiviCRM bootstrap theme

aah

Some screenshots:

Contact summary

Wide screens:

Narrower screens:

Narrow screens:

Contact Activities list

Wide

Narrow (note tables don't fit!)

Advanced search

The extension is licensed under AGPL-3.0.

Requirements

• PHP v7.0+
• CiviCRM (FIXME: Version number)

Installation (Web UI)

This extension has not yet been published for installation via the web UI.

Installation (CLI, Zip)

Sysadmins and developers may download the .zip file for this extension and install it with the command-line tool cv.

cd <extension-dir>
cv dl aah@https://github.com/artfulrobot/aah/archive/master.zip

Installation (CLI, Git)

Sysadmins and developers may clone the Git repo for this extension and install it with the command-line tool cv.

git clone https://github.com/artfulrobot/aah.git
cv en aah

Usage

(* FIXME: Where would a new user navigate to get started? What changes would they see? *)

Known Issues

(* FIXME *)

Developers: how to build

# Install yarn
npm i -g yarn

# Install the libs.
yarn install
npx mix # installs some other bits
yarn install # don't know why we have to repeat.

# Do a dev build
npx mix
# same as:
npx mix build

# Do a dev build and watch for changs
npx mix watch

# Do a production build (pls check in production builds)
npx mix build -p

Themers

Some CSS variables (custom properties) are now in use. e.g. buttons: their background is now --aah-button-bg and --aah-button-bg-hover. This means that you can set your button colours on, for example, the front end event registration pages or such, e.g.

body.civicrm-event-register {
  --aah-button-bg: red;
}

aah's Issues

Disabled attribute on buttons has no visual effect

jQuery entity selector has unreadable content

Crash of elements on Record payment from different contact

When using the admin's Renew link for a membership

Check if affected by core PR 20278 (in 5.39)

https://github.com/civicrm/civicrm-core/pull/20278/files

screenshot link in readme incorrect

would be great if there was a screenshot of what this delivers out-of-the-box

Header bgs too strong

Editing address from contact screen makes pop-up bigger than page!

Keep up with core icon changes

See civicrm/civicrm-core#17259

Probably from 5.27?

popup notifications should have fixed size to prevent weird resizing when 2 are present

also they're a bit too big.

Joomla issues

After discussion and solution of the initial issue, it was decided to make a list of Joomla issues in this first comment for easy reference. Please comment if you find further issues so they can be condensed and added to this list.

• Joomla menu is not visible and partly covers the CiviCRM menu - see #34 (comment)
• Fonts in the CiviCRM menu looks ancient (this might be caused by our Joomla theme)

---

Thank you very much for this nice theme! It's nice to have a new look while waiting for Shoreditch, if it ever will be official and support Joomla, which is what we run.

I installed the Aah extension in our development site and it worked fine, and I really wanted it for our live site too. So to be sure I cloned our live site to get an up-to-date copy and re-did the installation using cv dl.

This time how ever, the new theme did not show up. Do you have any idea where I should start investigate?

Color setting does not render properly

Eg. menu color in display preferences (Also appears on activity_status and case_status optionvalues):

Cannot get theme to display Drupal 9

I am on an upgrade project from Drupal 7 to Drupal 9 and looking to update the theme. (Currently Shoreditch under Drupal 7 which is not supported for Drupal 9 by the looks of things) I simply cannot get the aah theme to display properly. I can see it is enabled and its been chosen under display preferences (I have tried all combinations). I am using the latest Drupal 9.3.9 (with the Bartik theme out of the box) with the latest CiviCRM 5.48.1. Theme debugging is now on. I can see aah classes, but clearly these are being overridden. I think I am just being a numpty, but just in case I am missing an important step?

Why would the Tabs on Contact record continue to short vertical on left after enabling and setting this theme for civicrm admin?

crm-error spans on contact edit form

There's the span and there's the select element.

Support angular dashboard in CiviCRM 5.33+

You need to add something like this for the new angular dashboard at /civicrm:

/* Flexbox copied from civicrm.css (supports dashboard layout) */
.crm-container .crm-flex-box {
  display: flex;
}
.crm-container .crm-flex-box > * {
  flex: 1;
  min-width: 0; /* prevents getting squashed by whitespace:nowrap content */
}
.crm-container .crm-flex-box > .crm-flex-2 {
  flex: 2;
}
.crm-container .crm-flex-box > .crm-flex-3 {
  flex: 3;
}
.crm-container .crm-flex-box > .crm-flex-4 {
  flex: 4;
}

Actions links on contact record

Inaccessible 'more' menu on Scheduled Jobs for disabled jobs

Disabled jobs are made less opaque which gives 2 problems:

1. the popup more menu is hard to read
2. the menu seems to go 'under' the next tr element, meaning its items are not clickable!

Is there an easy way to hack the color scheme of this theme? Thanks

pop up date picker

e.g. on add activity [within case]

Fix extension name

From CiviCRM 5.34 the extension UI lists the name then description - you need to update the info.xml so that it does not look like this:

Just move the existing name to the description and put "Aah theme" or whatever in the name tag.