blocknotes / activeadmin_materialize_theme Goto Github PK

View Code? Open in Web Editor NEW

13.0 13.0 2.0 629 KB

A theme for Active Admin based on Materialize framework

License: MIT License

Ruby 9.60% JavaScript 61.62% SCSS 27.55% CSS 0.14% HTML 1.09%

activeadmin activeadmin-themes rails ruby

activeadmin_materialize_theme's People

Contributors

Stargazers

Watchers

Forkers

onehealthcompany shonwango

activeadmin_materialize_theme's Issues

Nested menus don't work (or dropdown)

Much appreciate the great work! The issue I'm running into is nested menus do not drop down at all. For example:

ActiveAdmin.register Post do
  menu parent: "Blog"
end

ActiveAdmin menus normally would if a parent is specified, cause the particular page Post to appear under a given menu, but is instead the child menu overlaps its parent.

Theme Layout does not cover full webpage

Progress / Roadmap?

Hey, hows it going?

Are you active with this?

Wondering if we can clean up some of the UI to behave like: https://github.com/vigetlabs/active_material

https://camo.githubusercontent.com/d1a2196060649a2df9db240351ab6c45cd617aaad70540fbfdfe15abea836aea/687474703a2f2f692e696d6775722e636f6d2f6b446b477a59652e706e67

Wishlist:

Dropdown actions menu inside index
Dropdown utility menu
Filter/Inputs aligned horizontally

Generally the UI feels less spacious/more optimized in vigetlabs old implementation.

Tabs don't work for show due to scoping to formtastic

Cause:

activeadmin_materialize_theme/app/assets/javascripts/activeadmin_materialize_theme.js

Lines 62 to 68 in 3fec02b

 function initTabs() { 

 document.querySelectorAll('body.active_admin .formtastic >.tabs').forEach( 

 (el) => el.classList.remove('tabs') 

 ) 

 addClassToElements('body.active_admin .formtastic .nav-tabs', 'tabs') 

 addClassToElements('body.active_admin .formtastic .nav-tabs >li', 'tab') 

 }

Workaround:

show do
  div class: 'formtastic' do 
    tabs do
      tab do 
        # ...
      end
    end
  end
end

Incompatible with latest rails version

When upgrading rails from 7.0*** to 7.1.4 it gets blocked by this gem

Because activeadmin >= 2.2.0, < 2.5.0 depends on railties >= 5.0, < 6.1
  and activeadmin >= 2.0.0.rc1, < 2.2.0 depends on railties >= 5.0, < 6.0,
  activeadmin >= 2.0.0.rc1, < 2.5.0 requires railties >= 5.0, < 6.1.
And because every version of activeadmin_materialize_theme depends on activeadmin ~> 2.0,
  every version of activeadmin_materialize_theme requires railties >= 5.0, < 6.1 or activeadmin >= 2.5.0, < 3.A.
And because activeadmin >= 2.13.0, < 3.1.0 depends on railties >= 6.1, < 7.1
  and activeadmin >= 2.11.0, < 2.13.0 depends on railties >= 6.0, < 7.1,
  every version of activeadmin_materialize_theme requires railties >= 5.0, < 7.1 or activeadmin >= 2.5.0, < 2.11.0.
And because activeadmin >= 2.10.0, < 2.11.0 depends on railties >= 6.0, < 6.2
  and activeadmin >= 2.9.0, < 2.10.0 depends on railties >= 5.2, < 6.2,
  every version of activeadmin_materialize_theme requires railties >= 5.0, < 7.1 or activeadmin >= 2.5.0, < 2.9.0.
And because activeadmin >= 2.5.0, < 2.9.0 depends on railties >= 5.2, < 6.1
  and rails >= 7.1.4, < 7.2.0.beta1 depends on railties = 7.1.4,
  every version of activeadmin_materialize_theme is incompatible with rails >= 7.1.4, < 7.2.0.beta1.
So, because Gemfile depends on activeadmin_materialize_theme >= 0
  and Gemfile depends on rails ~> 7.1.4,

Thanks in advance for the great work. Not sure if its a bug or I installed improperlly. But shluld it be full screen, if not how would I make these changes? Please see depicted screenshot using rails 7.

blocknotes / activeadmin_materialize_theme Goto Github PK

activeadmin_materialize_theme's People

Contributors

Stargazers

Watchers

Forkers

activeadmin_materialize_theme's Issues

Nested menus don't work (or dropdown)

Theme Layout does not cover full webpage

Progress / Roadmap?

Tabs don't work for show due to scoping to formtastic

Incompatible with latest rails version

Is theme Full Screen?

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent

Jobs

	function initTabs() {
	document.querySelectorAll('body.active_admin .formtastic >.tabs').forEach(
	(el) => el.classList.remove('tabs')
	)
	addClassToElements('body.active_admin .formtastic .nav-tabs', 'tabs')
	addClassToElements('body.active_admin .formtastic .nav-tabs >li', 'tab')
	}