Work Package #47023

Global user interface

Added by Aske Ertmann over 2 years ago. Updated 9 months ago.

Status:Accepted Start date:2013-02-13
Priority:Could have Due date:
Assigned To:Aske Ertmann % Done:

75%
Category:Global User Interface Spent time: -
Target version:1.0 beta 1

Description

Global user interface

  • Target Audience: users who want to edit content
  • Responsible: Aske Ertmann
  • Implemented by: the whole Neos Team
  • Amount: not estimatable, not paid, done on voluntary basis
  • Version: must have for 1.0
  • Planned Implementation Timeframe: continuous work

Motivation

In order to get a good user experience and a clean user interface, we need to improve the global user interface with thought through concepts and a more general styling.

Goal

To achieve a good and consistent user experience together with a consistent design and reused components/experiences across the whole backend.

Deliverables

  • Menu component
  • Navigate component
  • Top bar
    • User menu
    • Publish menu
  • Context bar
  • Inspector
  • Overlays
  • Breadcrumb
  • Search field/results
    • Commands
  • Notifications
  • Tips

Subtasks

Task #47024: OverlaysClosed

Task #45444: Streamline overlay stylingClosedMattias Nilsson

Task #48068: Menu componentClosedMattias Nilsson

Task #49850: Condensed sticky menuClosed

Task #48071: Navigate componentResolvedAske Ertmann

Task #49946: Node tree filteringResolvedAske Ertmann

Task #52789: Expand search field when activeClosed

Task #52790: Prefix remaining dynatree classes (drag'n'drop)New

Task #52791: Make the node tree collapsibleRejected

Task #52792: Remember tree stateClosedMarkus Goldbeck

Task #52793: Make new position selectable like with paste positionResolvedAske Ertmann

Task #52794: Sync context structure tree with node changesResolvedMattias Nilsson

Task #52795: Expand parents if current page is nested below initial ma...ResolvedSebastian Kurfuerst

Task #52796: Only allow creation of allow subtypes of current node/par...Closed

Task #52821: Add new / pasting in context structure tree can add child...Closed

Task #53106: Make the Expand Level of the tree configurableResolvedMarkus Goldbeck

Task #53610: Navigate component breaks when changing a parent node nameResolvedMattias Nilsson

Task #53582: Node Type Filter: ExtDirect ErrorClosed

Task #54080: As a content editor I want to be able to move pagesResolvedBastian Waidelich

Task #55374: Context structure tree should automatically select newly ...Closed

Task #55376: Collapsible node treeClosed

Task #48075: Context barAccepted

Task #48076: Wireframe mode toggleAcceptedRasmus Skjoldan

Task #48077: Language selectionNewRasmus Skjoldan

Task #48078: Fullscreen mode toggleAcceptedSebastian Kurfuerst

Task #48079: Inline editor optionsResolvedSebastian Kurfuerst

Task #48240: Edit & preview menuResolvedRasmus Skjoldan

Bug #49934: Background color of context barResolvedAske Ertmann

Task #48080: BreadcrumbAccepted

Task #49932: Add label and icons to content breacrumbResolvedAske Ertmann

Task #49957: Selecting a parent element doesn't change the content bre...New

Task #48091: InspectorResolvedAske Ertmann

Task #48980: Parts of the Aloha Floating Menu should be integrated int...ResolvedSebastian Kurfuerst

Task #49853: Redesign inspector collapse iconsResolvedAske Ertmann

Task #49859: Date editorResolvedRasmus Skjoldan

Task #49931: Add label for the whole inspectorResolvedAske Ertmann

Task #49935: Chosen unselect button stylingResolvedAske Ertmann

Task #49941: Styling/layout of secondary inspectorClosed

Task #49947: Rename caption label to 'Enable caption'ResolvedAske Ertmann

Task #48139: NotificationsResolvedRasmus Skjoldan

Task #48140: TipsNew

Task #48142: Search field/resultsNew

Task #48143: Include commands as search results.New

Feature #48233: Top barResolved

Feature #48234: User menuClosed

Feature #48235: Publish menuClosedRasmus Skjoldan

Feature #49933: Add "Publish all changes" optionResolvedMattias Nilsson

Bug #49936: Auto-publish functionality behaves inconsistentlyResolvedAske Ertmann

Task #48238: Alert user when logging out with unpublished nodesNew

Task #48239: Backend interface color distinctionNew

Task #48273: Enable JavaScript backend for modulesResolved

Task #48328: Rename JavaScript to new structureAcceptedAske Ertmann

Task #48329: Remove leftover window.T3New

Task #48333: Clean up Content/Application and Content/ContentModuleNew

Task #48334: (maybe) re-introduce "development mode indicator" in topT...New

Task #48352: Aloha loading does not always work reliablyNew

Task #48356: !!! Fix JS buildResolved

Task #48357: get rid of window.EmberNewSebastian Kurfuerst

Task #48358: get rid of window.plupload, window.Chosen, window.Abstrac...NewSebastian Kurfuerst

Task #48348: Rename Styling to new structureResolved

Task #49852: Design inline handlesResolvedAske Ertmann

Bug #52513: Remove focus outline of content element handlesClosed

Task #49856: Button designResolvedMattias Nilsson

Task #49857: Module designResolvedRasmus Skjoldan

Task #49940: Remove unused resourcesResolved

Task #49948: Shortcut page stylingResolvedAske Ertmann

Task #52203: Redesign login screenResolvedRens Admiraal

Task #52492: Page loaderResolved

Related issues

related to TYPO3.Neos - Bug #45321: Launcherbar visible in preview mode Rejected 2013-02-09
blocks Base Distribution - Work Package #45007: Basic Accessibility of the Neos Backend (step 1) Accepted 2013-05-15

Associated revisions

Revision b20b7a59
Added by Aske Ertmann about 2 years ago

[TASK] Add additional SCSS color variables and cleanup

Change-Id: Ie76eff34218286980646080f6a91f94c31e71f13
Related: #47023
Reviewed-on: https://review.typo3.org/22176
Reviewed-by: Aske Ertmann
Tested-by: Aske Ertmann

Revision 576ae57f
Added by Dominique Feyer almost 2 years ago

[BUGFIX] Select boxes in collapsed inspector sections

If a inspector section is collapsed the custom selector boxes
width is set to 0px, to prevent this we add width to 100%
with !important to overwrite inline style.

Change-Id: I4f14a907669c56ea02ba8e14837df32250c65862
Related: #47023
Reviewed-on: https://review.typo3.org/24333
Tested-by: Mr. Hudson
Reviewed-by: Aske Ertmann
Reviewed-by: Dominique Feyer
Tested-by: Dominique Feyer
Reviewed-by: Mattias Nilsson
Tested-by: Mattias Nilsson
Reviewed-by: Sebastian Kurfuerst
Tested-by: Sebastian Kurfuerst

Revision e930ba20
Added by Aske Ertmann over 1 year ago

[TASK] Adjust templates to styling & various features/bug fixes

Change-Id: Ib0403f5409a31c3ce3c4b1cc9edbfed901e4458a
Related: #47023
Releases: 1.0, master
Reviewed-on: https://review.typo3.org/26076
Reviewed-by: Aske Ertmann
Tested-by: Aske Ertmann
Reviewed-by: Sebastian Kurfuerst
Tested-by: Sebastian Kurfuerst

Revision 9d45e0a9
Added by Aske Ertmann over 1 year ago

[TASK] Media browser & media browser styling

Change-Id: I0aa2262c98d1c02e02d50bfee856c7a1d509216e
Related: #47023
Releases: 1.0, master
Reviewed-on: https://review.typo3.org/26075
Reviewed-by: Aske Ertmann
Tested-by: Aske Ertmann
Reviewed-by: Sebastian Kurfuerst
Tested-by: Sebastian Kurfuerst

Revision 72fb21a7
Added by Aske Ertmann over 1 year ago

[TASK] Media browser & media browser styling

Change-Id: I0aa2262c98d1c02e02d50bfee856c7a1d509216e
Related: #47023
Releases: 1.0, master
Reviewed-on: https://review.typo3.org/26075
Reviewed-by: Aske Ertmann
Tested-by: Aske Ertmann
Reviewed-by: Sebastian Kurfuerst
Tested-by: Sebastian Kurfuerst
(cherry picked from commit 9d45e0a944ed63d38452f12fd963165604137001)
Reviewed-on: https://review.typo3.org/26279

Revision eb219691
Added by Aske Ertmann over 1 year ago

[TASK] Adjust templates to styling & various features/bug fixes

Change-Id: Ib0403f5409a31c3ce3c4b1cc9edbfed901e4458a
Related: #47023
Releases: 1.0, master
Reviewed-on: https://review.typo3.org/26076
Reviewed-by: Aske Ertmann
Tested-by: Aske Ertmann
Reviewed-by: Sebastian Kurfuerst
Tested-by: Sebastian Kurfuerst
(cherry picked from commit e930ba2008da4fa8cea210f8b9a06c973f72b216)
Reviewed-on: https://review.typo3.org/26280

Also available in: Atom PDF