Git Product home page Git Product logo

galactus's Introduction

UBC CLF 7.0.4 DRUPAL THEME (aka Galactus)

A responsive UBC CLF (Common Look and Feel) theme for Drupal 8+. Created by the UBC IT Web Services Department.

Galactus is a theme for Drupal 8+, providing UBC-branded units with the basic structure of the UBC CLF (Common Look and Feel).

If you need to modify the theme to suit your needs, we recommend forking it as a Starterkit extend this one instead.

Composer Install

If you're using composer, add the project with:

composer require ubc-web-services/galactus

Starterkit Fork

A starterkit fork will duplicate all the files from Galactus to your new theme to modify to your needs. See the Starterkit Documentation for more details.

Considering it's a galactus fork we recommend prefixing the fork with galactus_ although you can name it any name that doesn't conflict with another project installed on your Drupal site.

mkdir -p themes/custom
php core/scripts/drupal generate-theme --starterkit galactus --path themes/custom galactus_PROJECT

Internet Explorer Support

Drupal 8+ does not support Internet Explorer versions earlier than version 9 due to jQuery version incompatibilities. See this Change Record for more details.

Drupal 10+ has removed Internet Explorer support all together. See this Change Record for more details.

Contribution

CSS changes need to be made with SASS through sass node package.

Ensure that you have npm installed.

https://nodejs.org/en/download

Install the node packages with this command:

npm install

You can build your CSS changes with this command:

npm run build:css

OR

You can watch changes to your SASS files with this command:

npm run watch:css

galactus's People

Contributors

darkodevubc avatar dependabot[bot] avatar ficklecat avatar gocaps avatar joelpittet avatar occupant avatar yehee avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

galactus's Issues

Slidein option conflicts with Quick Edit

There may be other libraries that create the same issue.

To reproduce:

  • enable galactus, set navigation option to slide in or cover types
  • enable quick edit module

Clicking on nav trigger adds off-canvas-drawer--is-animating classes, but the off-canvas-drawer--is-active don't get applied and the transitionend event never fires. The result is a page that is 'locked' into overflow:none and the content region is below the off-canvas-mask.

Sync Theme Regions

Currently Header and Secondary menu are in galactus.info.yml and therefore the Block layout UI but are not being output in the page template. Could be confusing to others.

Denote unpublished pages

There is a node--unpublished class added to the article. This used be a pink background color denoting unpublished state. I think we could do better. Maybe a badge/label that says "Unpublished" injected via that CSS class?

Consider base theme off of classy

Though I personally like the control of stable, and I am totally up for a discussion on the merits of both I'm leaning towards classy as a base theme to get some of their defaults, or we may end up copying elements of classy into galactus(which isn't a bad idea and what basic theme does)

Ability to show more then one level of subnav in the primary navigation

Problem:
Some units would like to display more than a single level of subnavigation in the primary navigation, but still leverage the default CLF menu styles. This is currently limited to a single level due to styling and theme options.

Proposal:
Add ability to override the single level of subnav in the primary via either theme option or instructions (e.g. using Menu block, providing a compatible template, instructions and styles).

Main menu links are expanded even when their children are not accessible by current user.

Steps to reproduce

  1. Create a parent node and menu item
  2. Create a child node and menu item
  3. Unpubilsh the child node

Symptom
Visit the site as anon
Parent menu gets the dropdown button when it shouldn't, since the child is not accessible

Fix
Before rendering the dropdown button in menu--main.html.twig, check for children with item.below:

{% if item.below %} <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="ubc7-arrow blue down-arrow"></span> </button> {% endif %}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.