Univention Bugzilla – Bug 36095
Adapt design of UCS startsite
Last modified: 2014-11-26 06:53:53 CET
Via Bug 35654, the design of the UMC is revised for UCS 4.0. Along with the UMC design, the appearance for the UCS startsite needs to be adjusted, as well.
The new design has to be adopted for at least the following packages: univention-saml univention-system-setup-boot: ec2 startsite 'initialsetup.html'
The main reason for forking and maintaining a seperata javascript file for the univention-system-setup ec2 startsite was, that the english texts are defined in the js file. We talked about differrent approaches with the new design, to simplify future developments which use the ucs design. Also, keep themeing in mind: - maintain the texts in the html file - continue to use IDs in html, but let the js read the english texts from a seperate file
Source package for the overview page is service/univention-apache. The plan for the adaptation is as follows: * use English texts in data-i18n HTML attributes (see comment 2) and create .po files manually * copy umc/app/CategoryButton from umc-frontend package (other UMC JS classes might be needed, as well) * copy necessary stylus files from umc-frontend-theme package and adapt them as needed * remove bootstrap JavaScript Code (for tabs + Drop-Down Button) and replace them with Dojo classes (TabController/TabContainer + dijit/form/DropDownButton) * copy & integrate the bootstrap.zip file from the umc-frontend-theme package (via unpacking commands in the Makefile, cf. umc-frontend-theme package) * integrate the Dojo build system via the Makefile (build dependency on univention-dojo-dev, cf. umc-frontend package) and includes + dojoConfig variable in the index.html file; for this, a build profile json file is also necessary
Created attachment 6164 [details] Design draft for the startsite (PDF) Attached the draft for the design of the UCS startsite.
Created attachment 6171 [details] Necessary .svg icon files Attached are the necessary .svg icon files
Currently, the "no service are intalled" warning is displayed, although service entries exist.
now "no service are intalled" warning is hidde if services are installed
The warning should by default be hidden (via dijitHidden) and then unhidden in the JavaScript.
thsi should be fixed now
See attached screenshot. I think the fields are too small for the text.
Created attachment 6277 [details] ucs-overview.png
fixed text not displayed correctly in tile
also removed domain and hostname from systen and domain setup tile to get a fixed length and to fix "cut-off" texts and bumped joinscript version to update ucr settings (univention-management-console-frontend r55256)
There is still the margin-right:20px for element .umcGalleryName. The margin needs to be removed.
* removed margin-right for element .umcGalleryName in css/gallerypane.styl r55294
Opened Bug 36397 for missing grain pattern in IE9.
An rgrep '\$' $(find . -name "*.css") show that there are some variables that are not resolved during the stylus build process: ./css/gallerypane.css: background: url("../$image-icons") 0px -40px no-repeat; ./css/gallerypane.css: background: url("../$image-icons") 0px -40px no-repeat; ./css/Menu.css: background-image: url("$image-arrow-sprite"); ./css/Menu.css: background-image: url("$image-form-checkbox-and-radios"); ./css/Menu.css: background-image: url("$image-form-checkbox-and-radios-ie6"); ./css/ucs.css: background: url("../$image-icons") 0px -40px no-repeat; ./css/ucs.css: background: url("../$image-icons") 0px -40px no-repeat; ./css/ucs.css: background-image: url("$image-arrow-sprite"); ./css/ucs.css: background-image: url("$image-form-checkbox-and-radios"); ./css/ucs.css: background-image: url("$image-form-checkbox-and-radios-ie6");
reactivated disabled variables declarations in css/variables.styl so variables can be resolved again ( r55327 )
Looks good so far. I added the bug number to the changelog entry of the generic design adaptation. One little adjustment, could you please change the option in the build profile file layerOptimize:"closure.keepLines" to "closure". This again saves roughly 1/3rd of the file size (310kb → 220kb).
edited the build_profile: "closure.keepLines" -> "closure" r55384
(In reply to Drees Dormann from comment #20) > edited the build_profile: "closure.keepLines" -> "closure" > > > r55384 Looks good! → VERIFIED
UCS 4.0-0 has been released: http://docs.univention.de/release-notes-4.0-0-en.html http://docs.univention.de/release-notes-4.0-0-de.html If this error occurs again, please use "Clone This Bug".