Skip to main content

Theme package for OneGov

Project description

plonetheme.onegov

This is the default theme for all OneGov Plone modules (http://onegov.ch).

https://raw.github.com/OneGov/plonetheme.onegov/master/docs/screenshot_onegov.png

Important this package doesn’t work with python 2.6, it requires at least python 2.7

Important: - for Plone 4 use 3.x branch / releases - for Plone 5 use 4.x branch / releases

Version 3.x introduces several major changes. Including a change of the default font-size to 16px. If you’re going to upgrade the package from Version 2.1.x to 3.x, please do it first on a TEST environment. Changing the font-size may have a huge impact.

Usage

  • Add plonetheme.onegov to your buildout configuration:

[instance]
eggs +=
    plonetheme.onegov
  • Install the generic import profile.

Features

  • Customize styles in control panel.

  • Responsive design for tablets and smartphones

  • Special path bar with children

Layout customizations

Theme is SCSS based and styles most things with variables which can easily be customized in a control panel.

Just visit the customization view: http://localhost:8080/Plone/customstyles_form

Here are some examples how the Layout can be customized:

https://raw.github.com/OneGov/plonetheme.onegov/master/docs/screenshot_zg_ch.png https://raw.github.com/OneGov/plonetheme.onegov/master/docs/screenshot_menzingen.png https://raw.github.com/OneGov/plonetheme.onegov/master/docs/screenshot_custom.png

Additional SCSS

You can easily register custom SCSS files in your addon package using ZCML, if you need to customize more than available through the web:

<configure
    xmlns:theme="http://namespaces.zope.org/plonetheme.onegov">

    <include package="plonetheme.onegov" />
    <theme:add_scss path="resources/custom.scss" />

</configure>

The SCSS files can also be restricted to a specific context interface or a specific request layer. Be aware that the context interface applies to the context the styles are rendered on, which is either the Plone site root or an INavigationRoot object.

<configure
    xmlns:theme="http://namespaces.zope.org/plonetheme.onegov">

    <include package="plonetheme.onegov" />
    <theme:add_scss
        path="resources/custom.scss"
        for="my.package.interfaces.ISubsite"
        layer="my.package.interfaces.IMyPackageLayer" />

</configure>

Flyout navigation

This theme comes with a flyout navigation. If you click on an element in the global navigation you get the children as a flyout navigation and also a link to go ‘direct to’ the element you clicked on. This behavior can be disabled in the plone.app.registry, using the setting plonetheme.onegov.flyout_navigation.

https://raw.github.com/OneGov/plonetheme.onegov/master/docs/screenshot_flyout_navigation.png

Special path bar

For another fast way to navigate between content, this theme includes a special path bar, which shows the breadcrumb’s children. This behavior can be disabled in the plone.app.registry, using the setting plonetheme.onegov.flyout_breadcrumbs.

https://raw.github.com/OneGov/plonetheme.onegov/master/docs/screenshot_flyout_breadcrumbs.png

Special filter form

This theme provides an alternative search/filter mockup. The full implementation needs to be done by yourself. For an example check the Solr search form of zg.ch.

https://raw.github.com/OneGov/plonetheme.onegov/master/docs/screenshot_filter.png

Development

In Plone 5 working on resources is a pain because they have to be recooked after every change. Therefore there is a Grunt setup provided watching the resources and updating them.

To setup and run the watcher do:

npm install
grunt watch

Print

Known issue page-break in WebKit https://bugs.webkit.org/show_bug.cgi?id=5097

Changelog

4.0.1 (2020-01-31)

  • Re-add main-container id so that JS triggers work (in particular for ‘switch portlet manager’). [djowett-ftw]

4.0.0 (2020-01-22)

  • Add Plone 5.1 support and drop Plone 4.3. [mbaechtold, maethu, shylux, busykoala]

  • Add grunt setup for development. [busykoala]

  • Drop the slider mobile navigation (in favour of Plone 5’s mobile menu - IIUC). [mbaechtold, maethu, shylux, busykoala]

3.3.0 (2019-09-10)

  • Make Diazo theme customizable by using theme-prefixed path to index.html. [tinagerber]

3.2.0 (2019-07-04)

  • Added Spanish translation. [macagua]

  • Replace logo viewlet using ftw.logo. [busykoala]

3.1.1 (2018-01-05)

  • Fix mobile language toggle. [mbaechtold]

3.1.0 (2017-12-13)

  • Refactoring of the navigation portlet renderer making it easier to customize through inheritance. [mbaechtold]

  • Rewrite tests using “ftw.testbrowser”, drop dependency on “ftw.testing[splinter]”. [mbaechtold]

3.0.2 (2017-04-20)

  • Fix alignment of multiline top navigation. [Kevin Bieri]

3.0.1 (2017-04-19)

  • Fix responsive behavior of global tabs. [mathias.leimgruber]

  • Change padding of global tabs - allow more tabs on one line. [mathias.leimgruber]

3.0.0 (2017-02-09)

  • Replace portletItem with portletContent in selectors. The new static text portlet structure, no longer has a portletItem class. [mathias.leimgruber]

  • Several more major changes to the UI for accessibility reasons: - Change base font-size to 16px, instead of 13px. - Change h2 to heading-font-size * 0.625 (by default 20px) instead of 16px. - Same font-size for portlet headings as for h2. - Change global section font-size to 22px, instead of 18px

    Those changes makes the Website generally more readable. The main Issue with the prev. settings was the contrast between the background-color and the font-color. With a size of 13px the contrast was not good enough. With a a font-size of 16px the contrast is fine according to AAA without changing the colors.

  • Use $text-color for link color in siteactions (Fix AAA contrast Issue). [mathias.leimgruber]

  • Use tabid for id attribute on global tab links. Title may contain invalid chars. [mathias.leimgruber]

  • Remove obsolet X-UA-Compatible meta tag. [mathias.leimgruber]

  • Implement structural heading for personal tools and global navigation. [mathias.leimgruber]

  • Make it possible to replace the whole language-wrapper. This makes it easier to customize the language select thru a policy. [mathias.leimgruber]

  • Implement several accesskeys and structural elements (hidden headings for right/left column, etc.). [mathias.leimgruber]

2.1.0 (2017-02-02)

  • Mark external links in the navigation portlet as it is already being done in the flyout navigation. [mbaechtold]

2.0.4 (2017-01-24)

  • Improve the content nav listing in TinyMCE. [mbaechtold]

2.0.3 (2017-01-03)

  • Enable action “manage_styles” on “ftw.subsite.Subsite”. [mbaechtold]

2.0.2 (2016-11-02)

  • Fix anonymous user actions for mobile view. [mathias.leimgruber]

  • Fix mobile language toggle (from ftw.subsite 2.x). [mathias.leimgruber]

2.0.1 (2016-11-01)

  • Fix AttributeError when accessing typesUseViewActionInListings. [jone]

2.0.0 (2016-09-26)

  • Remove Sl ui elements from print.css [tschanzt]

  • Show the flyout if the object has no children (does not apply to breadcrumbs). [mbaechtold]

  • Implement a cached flyout menu. [mathias.leimgruber]

  • Remove dd/dl/dt from selectors to support valid html structures. [mathias.leimgruber]

  • Display contenttype icons in plonebrowser [Kevin Bieri]

  • Fix broken print result for simplelayout pages [Kevin Bieri]

  • Remove Solr livesearch javascript resource (requires ftw.solr >= 1.5.0) [mbaechtold]

  • Implement ftw.subsite 2.x logo viewlet. [mathias.leimgruber]

  • Add styling for ftw.books TinyMCE footnote plugin. (Ported from 1.6.3) [jone]

  • Remove unused sass-watcher stuff. The css will be generated automatically. Current sass watcher is not working for building statis scss files According to 82fdefd933ed96056262157da7aa91726ba6524f the scss files are generated through the server. So the sass watcher script is no longer needed. btw viewing the index.html file without running a server does not work anyway so the statis files are obsolete. [elioschmutz]

  • Pin ftw.subsite < 2.0.0. The DX implementation of subsite is not yet supported. [mathias.leimgruber]

1.8.0 (2015-12-10)

  • Add spinner icon. [mson]

  • Move all event styles to the seantis.dir.events package. seantis.dir.events 1.6 is required. [msom]

  • Move all directory styles to the seantis.dir.base package. seantis.dir.base 1.9 is required. [msom]

  • Move all facility styles to the seantis.dir.facility package. seantis.dir.facility 1.8 is required. [msom]

  • Move all reservation styles to the seantis.reservation package. seantis.reservation 1.3 is required. [msom]

  • Move all people styles to the seantis.people package. seantis.people 0.33 is required. [msom]

1.7.1 (2015-11-26)

  • Include global status message (ftw.globalstatusmessage). [jone]

1.7.0 (2015-07-31)

  • Global navigation: optional flyout of 2nd level [ksuess]

1.6.2 (2015-05-26)

  • Yet another bugfix for the breadcrump flyout navigation. The “noChildren” class was missing on elements without children. [mathias.leimgruber]

1.6.1 (2015-05-26)

  • Fix breadcrump flyout navigation. This bug was introduced in 1.5.3.

1.6.0 (2015-05-26)

  • Do not reset the plone app imaging allowed_sizes property. This it not nice!

  • Add new filter form mockup. Check filter.html. [mathias.leimgruber]

  • Move all tabbedview styles to the ftw.tabbedview package. This also includes the print styles for ftw.tabbedview. ftw.tabbedview 3.3.14 is required. [mathias.leimgruber]

1.5.3 (2015-04-23)

  • Implement check, if load_flyout_children actually return a flyout navigation. This fixes a possible infinite loop, if load_flyout_children accidentally returns the whole site. [mathias.leimgruber]

1.5.2 (2015-04-14)

  • Fix a bug which caused the fields of PloneFormGen in quick edit mode to be invisible. [mbaechtold]

1.5.1 (2015-03-12)

  • Fix responsive personalbar behavior and margin to other elements. [mathias.leimgruber]

  • Navigation portlet: fix error when parent object is not published / not accessible. [jone]

  • Show required markers in IE. [msom]

1.5.0 (2015-02-24)

  • Fix layout in seantis.people. [msom]

  • Use the javascript from ftw.mobilenavigation instead of the custom one. [mbaechtold]

  • Changed invalid HTML structure. Adapted css styles for new elements. [Kevin Bieri]

  • Fixed invalid newsTemplate portlet HTML structure. [Kevin Bieri]

  • Load flyout initially. [Kevin Bieri]

  • Fixed HTML structure for accessibility. [Kevin Bieri]

  • Remove tabindex -1. [KevinKevin Bieri

1.4.1 (2014-12-11)

  • Add zip-download icon. [Kevin Bieri]

1.4.0 (2014-12-02)

  • BugFix directory.scss: Apply margin on ul elements on in the #content area. [mathias.leimgruber]

  • Use some default icons for seantis.dirbase/contacts content types. [mathias.leimgruber]

  • Use pyScss 1.2.0 - the latest release breaks the build. [mathias.leimgruber]

  • Add new print styles. [Kevin Bieri]

1.3.3 (2014-09-09)

  • Improve print representation in IE. [Julian Infanger]

1.3.2 (2014-08-19)

  • Also include linguaplone / multilingual languageselector into theme. [Julian Infanger]

  • Highlight accessibility link for search correctly. [Julian Infanger]

  • Allow to customize footer background. [Julian Infanger]

  • Fixed flyout navigation styles. [Julian Infanger]

  • Fix double border in navigation without children. [Julian Infanger]

  • Remove ftw.slider styles. This is now defined in the ftw.slider package. [Julian Infanger]

1.3.1 (2014-08-15)

  • Adds styles for seantis.reservation 1.1.3. [href]

  • Added test which generates the css file, to make sure there is no syntax error. [Julian Infanger]

  • Added styles for new ftw.slider release. [Julian Infanger]

  • Improves the “your reservations” look in seantis.reservation. A lot. [href]

  • Fix small style issues with seantis.reservation 1.1, like unregular gaps. [href]

1.3.0 (2014-08-05)

  • Added new styles for the upcoming seantis.reservation 1.1 release. [href]

  • Changed PostIt portlet color to yellow. [Julian Infanger]

  • Use bigger font for print. [Julian Infanger]

  • Add z3c form “required” styles (Copy from plone authoting.css). [mathias.leimgruber]

  • Added icon for kml download document action. [Julian Infanger]

  • Added styles for ftw.bridge watcher portlet. [Julian Infanger]

1.2.9 (2014-07-16)

  • Removed !global variable, this caused problems. [Julian Infanger]

1.2.8 (2014-07-16)

  • Do not hide .documentDescription globally. [Julian Infanger]

  • Improves positioning of “edit formdata” link in seantis.reservation. [href]

  • Adds styles for new ‘broken-data’ view in seantis.reservation. [href]

  • Fixed path of pb_close image. [Julian Infanger]

  • Make Onegov Theme default Skin [tschanzt]

  • Use portal_url for portal and theme url also added the portalurl to the csscachekey so we don’t get problems with image. [tschanzt]

1.2.7 (2014-07-11)

  • Updated styles for new ftw.slider implementation. Requires ftw.slider >= 2.0.0 [Julian Infanger]

  • Make Textarea wider on notification_form. [tschanzt]

  • Updated styles for book reader view. [Julian Infanger]

1.2.6 (2014-06-24)

  • Adds styles for new navigation introduced in seantis.people 0.19 [href]

  • Various seantis.reservation improvements. [href]

  • Removes superfluous scrollbars in fullcalendar instances. [href]

1.2.5 (2014-06-12)

  • Updated margin of tabbedview headings. [Julian Infanger]

  • Use 100% for table in meeting item body. [Julian Infanger]

  • Only style button links as button. [Julian Infanger]

  • Use pdf icon for export pdf document action. [Julian Infanger]

  • Do not show default pages in navigation. If the parent is a default page, show the default page title. [jone]

  • Fixed skins properties. Do not longer inject skin layer into all skins. [Julian Infanger]

1.2.4 (2014-05-09)

  • Fixed listing block gallery styles. [Julian Infanger]

  • Added outline style for :focus, to ensure better accessibility. [Julian Infanger]

  • Added styles for new tabbedview action buttons. [Julian Infanger]

  • Do not hide tabbedview spinner. [Julian Infanger]

  • Escape HTML chars in navigation and breadcrumbs. [Julian Infanger]

  • Add possibility to disable the flyout navigation in globalnav. [Julian Infanger]

  • Fallback in import customstyles if listDirectory is None. [Julian Infanger]

  • Added some tests for load_flyout_children view. [Julian Infanger]

  • Append “/view” to objects in breadcrumbs if they are in the ‘typesUseViewActionInListings’ property. [Julian Infanger]

1.2.3 (2014-04-14)

  • Append “/view” to objects in left navigation if they are in the ‘typesUseViewActionInListings’ property. [Julian Infanger]

1.2.2 (2014-04-14)

  • Added styles for news archive portlet. [Julian Infanger]

1.2.1 (2014-04-08)

  • BugFix: ftw.subsite logo integration use plone.scaling to create the logo url. This also fixes a traversal Issue with the virtualHostMonster. [mathias.leimgruber]

  • Added missing dependency to setup.py. [Julian Infanger]

  • Fixed styles of theming controlpanel. [Julian Infanger]

  • Updated styles for seantis.dir.events release 1.1. [Marc Sommerhalder]

  • Fixed seantis.dir.events styling. [Marc Sommerhalder]

1.2.0 (2014-03-31)

  • Always hide ajax spinner. [Julian Infanger]

  • Replaced inline css with a browserview returning the theme css. This allows to cache the CSS efficient. [Julian Infanger]

  • Optimized accessibility: - lang attribute in HTML - use right doctype - move styles and script tags from body to head [Julian Infanger]

  • Added information that this package requires >= python2.7 [Julian Infanger]

  • Added path_bar with flyout children. [Julian Infanger]

  • Added styles for workspaces and other onegov modules. [Julian Infanger]

  • Adds styles for seantis.kantonsrat. [href]

  • Added special styles for batching in tabbedview. [Julian Infanger]

  • Improve the reading experience by a complete new styled ftw.book’s reader view. [jone, Julian Infanger]

  • Update style for newsportlet. Do not use a bigger font for news title. [Julian Infanger]

  • Fix ftw.book icons: interchange “PDF” and “Read” icons. [jone]

  • Added style for calendar portlet. [Julian Infanger]

  • Added margin in simplelayoutDropZonePortlet blocks. [Julian Infanger]

  • Added Norwegian translation. [espenmn]

1.1.1 (2014-02-10)

  • Fixed tinymce popup styles. [Julian Infanger]

  • Navigation portlet: add “content-expired” class on expired items. [jone]

  • Navigation portlet: add css class with item workflow state. [jone]

  • Customstyles: fix meta image inclusion (favicons, apple touch icons). [jone]

  • Fix customstyles caching reset bug when modifying existing configurations. [jone]

  • Adds styles for a number of Seantis products, including seantis.dir.contacts, seantis.dir.events and seantis.reservation. [href]

  • Added default plone collapsible style. [Julian Infanger]

1.1.0 (2014-01-29)

  • Change the navigation behavior to respect the “currentFolderOnly” portlet option. For the old behavior, the “currentFolderOnly” needs to be activated on the portlet. [jone]

1.0.0 (2014-01-29)

  • Initial release

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

plonetheme.onegov-4.0.1.tar.gz (1.7 MB view hashes)

Uploaded Source

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page