Project

General

Profile

Actions

feature request #4837

closed

responsive layout & theme

Added by Andreas Kohlbecker almost 9 years ago. Updated almost 4 years ago.

Status:
Closed
Priority:
New
Assignee:
Caroline Ring
Category:
cdm-dataportal
Start date:
Due date:
% Done:

100%

Estimated time:
Severity:
normal

Description

The cdm_dataportal base the is based on the zen theme which is supposed to be responsive and adaptive to smart phones tablets and the like. In the past there have been problems with this theme on small displays, therefore some responsive features of this theme might have been disabled therefore:

TODO:

  • check if responsive features have been disabled DONE
  • test the theme on different display sizes and identify problems Works OK
  • can the problems be solved? YES

Improvements:

  1. [+] icons in the taxon tree are too tiny for finger tips
  2. The menu should collapse like in bootstrap

The menu initally closed

menu toggled open after a click on the icon in the top right corner

  1. The taxon tree block should be before the content and it also should be colappsible. In the collapsed state it should show the classification as 'breadcrumb', like Aves > Corvidae Corvus > C. corax

  2. The openlayers map should adapt to different screen sizes. That is it should follow the with of the containing element. in separate ticket: #5385

An alternative theme that has been suggested is the "Adaptive" theme.

c.ring: modification of theme CSS for full responsiveness handed over to Tobias Gehroldt (MfN)


related tickets


Files

bootstrap-menu-closed.png (2.3 KB) bootstrap-menu-closed.png Andreas Kohlbecker, 04/28/2015 03:56 PM
bootstrap-menu-open.png (11.3 KB) bootstrap-menu-open.png Andreas Kohlbecker, 04/28/2015 03:56 PM
Actions #1

Updated by Andreas Kohlbecker almost 9 years ago

after I upgraded the zen_dataportal base theme to zen theme 7.x-5.5 and some improvements for small display sizes git: 0484f1 ... e3925f, svn: [23510:23542] the zen_dataportal theme is adapting quite well to small display sizes, but it still should be improved to be better usable on these devices, see the updated description for details

Actions #2

Updated by Andreas Kohlbecker almost 9 years ago

  • Status changed from New to Resolved
  • Assignee changed from Andreas Kohlbecker to Caroline Ring

Caroline, Florian and Günther, please review the changes that have been made so far.

You will need to refresh the drupal theme and page cache and the browser cache so that you don't miss any changes.

Actions #3

Updated by Andreas Müller over 8 years ago

  • Target version changed from FaunaEuropaea Migration to Fauna Europaea Portal Release
Actions #4

Updated by Andreas Kohlbecker over 8 years ago

c.ring wrote:

modification of theme CSS for full responsiveness handed over to Tobias Gehroldt (MfN)

Caroline und Tobias, ich denke das ist klar, aber zu Sicherheit möchte ich noch erwähnen, dass Änderungen direkt in den css files des Themes nicht ohne Absprache mit uns vorgenommen werden sollten. Vorzugsweise sollen eure Anpassungen in den Theme settings erfolgen oder falls nötig kann auch im faueu modul ein zusätzliches css file eingebunden werden.

Actions #5

Updated by Andreas Kohlbecker almost 4 years ago

  • Description updated (diff)
  • Private changed from Yes to No
Actions #6

Updated by Andreas Kohlbecker almost 4 years ago

  • Description updated (diff)
  • Status changed from Resolved to Closed
  • % Done changed from 0 to 100

the review for this ticket is over due since 4 years.

I am closing the issue now.

Actions #7

Updated by Andreas Kohlbecker almost 4 years ago

  • Tags changed from faunaEuropaea to faunaEuropaea, mobile-support
Actions

Also available in: Atom PDF