Bug 42261 - Adapt UMC to new 4.2 design
Adapt UMC to new 4.2 design
Status: CLOSED FIXED
Product: UCS
Classification: Unclassified
Component: UMC (Generic)
UCS 4.2
Other Linux
: P5 enhancement (vote)
: UCS 4.2
Assigned To: Johannes Keiser
Alexander Kläser
: interim-1
Depends on:
Blocks: 43528
  Show dependency treegraph
 
Reported: 2016-09-05 16:48 CEST by Alexander Kläser
Modified: 2017-04-04 18:29 CEST (History)
3 users (show)

See Also:
What kind of report is it?: Feature Request
What type of bug is this?: ---
Who will be affected by this bug?: ---
How will those affected feel about the bug?: ---
User Pain:
Enterprise Customer affected?:
School Customer affected?:
ISV affected?:
Waiting Support:
Flags outvoted (downgraded) after PO Review:
Ticket number:
Bug group (optional): Design, Release Goal
Max CVSS v3 score:


Attachments
roboto font italics issue (47.38 KB, image/png)
2017-01-30 11:59 CET, Erik Damrose
Details
ucc image modules (40.52 KB, image/png)
2017-02-09 17:15 CET, Erik Damrose
Details
umc module load - style (79.07 KB, image/png)
2017-02-10 16:24 CET, Erik Damrose
Details

Note You need to log in before you can comment on or make changes to this bug.
Description Alexander Kläser univentionstaff 2016-09-05 16:48:01 CEST
The new UMC 4.2 design waits to be implemented.
Comment 1 Alexander Kläser univentionstaff 2016-09-05 16:48:58 CEST
Current Mockups can be found at:
https://mail.univention.de/appsuite/#!&app=io.ox/files&folder=1206&id=1206/1035
Comment 3 Alexander Kläser univentionstaff 2016-10-06 12:57:55 CEST
Example for Google Material shadows:
https://codepen.io/sdthornton/pen/wBZdXq
Comment 4 Alexander Kläser univentionstaff 2016-10-06 12:59:06 CEST
It would be good to try Roboto as font instead of Clear Sans as Clear Sans feels a little outdated.

https://material.google.com/style/typography.html#typography-styles
Comment 5 Erik Damrose univentionstaff 2017-01-30 11:59:31 CET
Created attachment 8382 [details]
roboto font italics issue

I am currently seeing an issue with the robotics and italics, see attached screenshot. The letter 'g' is cut of.
Comment 6 Johannes Keiser univentionstaff 2017-01-31 10:54:16 CET
Adapted the design of the UMC overview from the mockups

r 76221
univention-management-console (9.0.18-2) 
* Bug #42261: changed layout of header, removed animation of modules and
simplified styling of category buttons
(Bug #42264 has been fixed with this commit)

r 76222
univention-web (1.0.8-1) 
* Bug #42261: various styling changes for the umcOverview of the new
UMC 4.2 design
Comment 7 Florian Best univentionstaff 2017-02-03 13:57:03 CET
When opening system setup appliance wizard via an external browser:
Error initializing module setup: TypeError: Cannot read property 'dropDown' of undefined(…)
    at __insertTabStyles (http://10.201.22.1/univention/management/main.js:2262:54)
    at .<anonymous> (http://10.201.22.1/univention/management/main.js:2240:11)
    at http://10.201.22.1/univention/js/dojo/dojo.js:2746:55
    at signalListener (http://10.201.22.1/univention/js/dojo/dojo.js:6922:21)
    at signalWaiting (http://10.201.22.1/univention/js/dojo/dojo.js:6913:4)
    at Deferred.resolve (http://10.201.22.1/univention/js/dojo/dojo.js:7077:5)
    at .<anonymous> (http://10.201.22.1/univention/management/main.js:1824:16)
    at http://10.201.22.1/univention/js/dojo/dojo.js:2746:55
    at runFactory (http://10.201.22.1/univention/js/dojo/dojo.js:1141:43)
    at execModule (http://10.201.22.1/univention/js/dojo/dojo.js:1269:5)


main.js:
			var menuTab = this._header._moreTabsDropDownButton.dropDown.getChildren().find(function(menuItem) {
				return menuItem.correspondingModuleID == tab.id;
			});

code introduced in r76221.
Comment 8 Alexander Kläser univentionstaff 2017-02-03 14:51:18 CET
(In reply to Florian Best from comment #7)
> When opening system setup appliance wizard via an external browser:
> Error initializing module setup: TypeError: Cannot read property 'dropDown'
> of undefined(…)
>     at __insertTabStyles
> (http://10.201.22.1/univention/management/main.js:2262:54)
>     at .<anonymous>
> (http://10.201.22.1/univention/management/main.js:2240:11)
>     at http://10.201.22.1/univention/js/dojo/dojo.js:2746:55
>     at signalListener (http://10.201.22.1/univention/js/dojo/dojo.js:6922:21)
>     at signalWaiting (http://10.201.22.1/univention/js/dojo/dojo.js:6913:4)
>     at Deferred.resolve
> (http://10.201.22.1/univention/js/dojo/dojo.js:7077:5)
>     at .<anonymous>
> (http://10.201.22.1/univention/management/main.js:1824:16)
>     at http://10.201.22.1/univention/js/dojo/dojo.js:2746:55
>     at runFactory (http://10.201.22.1/univention/js/dojo/dojo.js:1141:43)
>     at execModule (http://10.201.22.1/univention/js/dojo/dojo.js:1269:5)
> 
> 
> main.js:
> 			var menuTab =
> this._header._moreTabsDropDownButton.dropDown.getChildren().
> find(function(menuItem) {
> 				return menuItem.correspondingModuleID == tab.id;
> 			});
> 
> code introduced in r76221.

I fixed this error as it crashed the installation process.

univention-management-console (9.0.22-5):
r76394 | Bug #42261: fix traceback accessing this._header._moreTabsDropDownButton
Comment 9 Johannes Keiser univentionstaff 2017-02-07 14:26:04 CET
r 76496
univention-web (1.0.15-7) 
* Bug #42261: adjust styling of umcHeader
Comment 10 Johannes Keiser univentionstaff 2017-02-08 17:52:04 CET
r 76556
univention-management-console (9.0.25-2)                                                                                                                                                                                                                                       
* Bug #42261: insert style for scrollToTop button in modules

r 76557
univention-management-console-module-udm (7.0.4-2) 
* Bug #42261: add css class to position_text

r 76560
univention-web (1.0.17-2) 
* Bug #42261: adjust styling of UDM detailpage and
added button to scroll back to top of window
Comment 11 Erik Damrose univentionstaff 2017-02-09 17:15:10 CET
Created attachment 8417 [details]
ucc image modules

The ucc images module does not show its.. i dont know the correct wording.. 'description' on the left of the grid, see screenshot
Comment 12 Erik Damrose univentionstaff 2017-02-10 16:24:49 CET
Created attachment 8420 [details]
umc module load - style

When loading a UMC module, the inactive area his highlighted in white, while the correct content is already shown.
Comment 13 Alexander Kläser univentionstaff 2017-02-15 10:38:18 CET
This bug can be closed for now, as the first design has bee implemented. Any issues will be tracked via the follow-up Bug 43528.
Comment 14 Alexander Kläser univentionstaff 2017-02-15 10:44:08 CET
Changelog entry has been added [r76681].
Comment 15 Stefan Gohmann univentionstaff 2017-04-04 18:29:51 CEST
UCS 4.2 has been released:
 https://docs.software-univention.de/release-notes-4.2-0-en.html
 https://docs.software-univention.de/release-notes-4.2-0-de.html

If this error occurs again, please use "Clone This Bug".