Bug 28516 - [CSS] Fehlerhafte Darstellung einiger Widgets
[CSS] Fehlerhafte Darstellung einiger Widgets
Status: CLOSED FIXED
Product: UCS
Classification: Unclassified
Component: UMC (Generic)
UCS 3.0
Other Linux
: P3 normal (vote)
: UCS 3.1
Assigned To: Jascha Geerds
Lukas Walter
: interim-2
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2012-09-14 12:51 CEST by Jascha Geerds
Modified: 2013-02-25 12:24 CET (History)
3 users (show)

See Also:
What kind of report is it?: ---
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):
Max CVSS v3 score:


Attachments
Screenshot (17.92 KB, image/png)
2012-09-14 13:02 CEST, Jascha Geerds
Details
Screenshot UDM (11.23 KB, image/png)
2012-09-14 13:27 CEST, Alexander Kläser
Details
Screenshot System-Setup DHCP-Query (3.98 KB, image/png)
2012-09-14 18:21 CEST, Alexander Kläser
Details
Screenshot UDM Tooltip (9.09 KB, image/png)
2012-09-26 14:19 CEST, Alexander Kläser
Details
UMC ExpandingTitlepane (5.01 KB, image/png)
2012-10-12 15:13 CEST, Alexander Kläser
Details

Note You need to log in before you can comment on or make changes to this bug.
Description Jascha Geerds univentionstaff 2012-09-14 12:51:11 CEST
siehe auch Bug #26826

> * Die ComboBox scheint noch etwas zu hoch zu sein, der Pfeil verschiebt sich
> auch

Falls weitere Probleme auffallen, bitte hier vermerken.
Comment 1 Jascha Geerds univentionstaff 2012-09-14 13:02:37 CEST
Created attachment 4661 [details]
Screenshot

Ein weiterer Fehler aus Bug #26826:

Noch ein Anzeigefehler (FF), scheinbar wenn sich eine deaktivierte ComboBox
neben einer aktivierten befindet. (Hier sind auch die Checkboxen sichtbar.)
Comment 2 Alexander Kläser univentionstaff 2012-09-14 13:27:18 CEST
Created attachment 4662 [details]
Screenshot UDM

Und der hier besteht auch weiterhin (siehe Screenshot):
> * UDM-Subtabs (und auch die gesamte Page) haben einen Rand
Comment 3 Alexander Kläser univentionstaff 2012-09-14 13:28:52 CEST
Das DateWidget ist vom Style her noch nicht ganz angepasst.
Comment 4 Jascha Geerds univentionstaff 2012-09-14 13:32:25 CEST
Ich weiß nicht ob es sich hierbei wirklich um einen Fehler handelt, da die Bedienung des iPads komisch ist:

[iPad] Einträge in einem Grid werden optisch nicht hervorgehoben, wenn man diese anklickt (reagiert nicht auf dojoxGridRowActive)
Comment 5 Jascha Geerds univentionstaff 2012-09-14 13:36:25 CEST
[iPad] Bspw. im Grid vom Prozessübersichts-Modul befindet sich unten rechts ein Button namens "mehr" gefolgt von einem kleinen dreieckigen Pfeil. Dieser Pfeil ist permanent grün eingefärbt, auch wenn kein Element im Grid ausgewählt wurde. Bei anderen Browsern wird der Pfeil in dem Fall ausgegraut dargestellt. Ja, ich bin pingelig! :-)
Comment 6 Jascha Geerds univentionstaff 2012-09-14 13:40:08 CEST
[iPad/Chromium] Subtabs im UDM haben einen Rahmen (bspw. in der Detailansicht eines Benutzers)
Comment 7 Jascha Geerds univentionstaff 2012-09-14 13:47:47 CEST
[IE9] Bspw. im Modul "UCR" sind die auswählbaren Kategorien im Suchfilter nicht sichtbar. Sie sind vorhanden, da sich eine Suche damit realisieren lässt, allerdings nicht lesbar. Offenbar ist dies nur der Fall, wenn die Werte dynamisch reingeladen werden (in anderen Grids funktioniert es)
Comment 8 Jascha Geerds univentionstaff 2012-09-14 14:55:05 CEST
[iPad] Die Detailansicht eines Rechners (Reiter "Allgemein") ist leer.
Comment 9 Jascha Geerds univentionstaff 2012-09-14 15:05:08 CEST
[iPad] Bei der Detailansicht eines Rechners, im Reiter "Erweiterte Einstellungen" wird kein Scrollbalken angezeigt. Dies ist problematisch, da hier sehr viele Titlepanes "verbaut" sind, welche aufgeklappt nur die Hälfte anzeigen.
Comment 10 Dirk Wiesenthal univentionstaff 2012-09-14 15:20:07 CEST
In UDM-Details stimmen das Padding der Seite im Ganzen nicht, zu erkennen an den Tabs
Comment 11 Dirk Wiesenthal univentionstaff 2012-09-14 15:27:07 CEST
(In reply to comment #10)
> In UDM-Details stimmen das Padding der Seite im Ganzen nicht, zu erkennen an
> den Tabs

Ups, das gabs ja schon.

Was anderes: Es scheint eine Transition zu geben, wenn man auf Modul-Tabs klickt (also die ganz oben). Benutzen wir überhaupt Transitions? Wenn nicht, einfach alles rausschmeißen.
Comment 12 Dirk Wiesenthal univentionstaff 2012-09-14 15:32:32 CEST
Einträge, die man mit einer ComboBox auswählt (also gehoverte) haben eine blaue border
Comment 13 Dirk Wiesenthal univentionstaff 2012-09-14 15:44:11 CEST
[IE9] Der Pfeil bei durch Klick auf den Titel ein- und ausklappbaren Elementen ist verschoben. Das war auch schon vorher so, sollte aber ruhig behoben werden.

Außerdem: TextWidgets sind im Vergleich zu ComboBoxen viel zu schmal. War auch schon vorher so, sollte auch gefixt werden.
Comment 14 Dirk Wiesenthal univentionstaff 2012-09-14 16:08:32 CEST
Das schließen von Modulen über das "x" oben in der Leiste hat keinen Hover Effekt mehr (das graue Kreuz wurde mal schwarz)
Comment 15 Alexander Kläser univentionstaff 2012-09-14 18:21:31 CEST
Created attachment 4667 [details]
Screenshot System-Setup DHCP-Query

In den Netzwerkeinstellung in System-Setup sind die DHCP-Query-Buttons kaputt. Vielleicht ein CSS-Problem? Ansonsten an Bug 28551 hängen.
Comment 16 Dirk Wiesenthal univentionstaff 2012-09-17 11:23:55 CEST
Buttons, die disabled sind verschwinden richtig, statt ausgegraut zu werden.
Comment 17 Jascha Geerds univentionstaff 2012-09-17 12:05:57 CEST
Aufgefallen in Bug #26826:

> 2-zeilige Tooltips haben keinen weichen Verlauf, sondern einen harten Schnitt
> (z.B. UCR "Schlüsselwort"). Formulare zeigen manchmal kleine, blaue Tooltips an
> (z.B. UCR Hover über das Suchformular). In System-Setup stimmt etwas auf der
> Netzwerk-Seite nicht. Die DHCP-Query wird merkwürdig angezeigt.
Comment 18 Jascha Geerds univentionstaff 2012-09-17 13:33:34 CEST
> Passwort und Passwort (Wiederholung) sind nicht mehr in einer Reihe,
> beispielsweise beim Anlegen eines Benutzers.
Comment 19 Jascha Geerds univentionstaff 2012-09-17 14:24:02 CEST
(In reply to comment #17)
> > In System-Setup stimmt etwas auf der
> > Netzwerk-Seite nicht. Die DHCP-Query wird merkwürdig angezeigt.

Das wurde in Bug #28551 verschoben, da es offenbar ein Javascript-Problem ist.
Comment 20 Alexander Kläser univentionstaff 2012-09-18 11:09:09 CEST
Es gibt nun eine Regel für Univention-Menü:

.umc > div[dijitpopupparent=dijit_form_DropDownButton_0] {
        top: 38px !important;
 }

Es fehlt noch die Regel für das Benutzer-Menü:

.umc > div[dijitpopupparent=dijit_form_DropDownButton_0],
.umc > div[dijitpopupparent=dijit_form_DropDownButton_1] {
        top: 38px !important;
 }
Comment 21 Alexander Kläser univentionstaff 2012-09-21 19:22:12 CEST
Der Text der normalen Buttons ist nicht mehr unterstrichen.
Comment 22 Alexander Kläser univentionstaff 2012-09-26 14:19:39 CEST
Created attachment 4688 [details]
Screenshot UDM Tooltip

(In reply to comment #17)
> Aufgefallen in Bug #26826:
> 
> > 2-zeilige Tooltips haben keinen weichen Verlauf, sondern einen harten Schnitt
> > (z.B. UCR "Schlüsselwort"). Formulare zeigen manchmal kleine, blaue Tooltips an
> > (z.B. UCR Hover über das Suchformular). In System-Setup stimmt etwas auf der
> > Netzwerk-Seite nicht. Die DHCP-Query wird merkwürdig angezeigt.

Bzgl. des Verlaufs der Tooltips anbei ein kleiner Screenshot.
Comment 23 Florian Best univentionstaff 2012-09-27 10:30:22 CEST
GET js/dijit/themes/umc/images/tooltipGradient.png 404 (Not Found)
GET js/dijit/themes/umc/images/tooltip.png 404 (Not Found)
Comment 24 Florian Best univentionstaff 2012-09-28 11:38:13 CEST
(In reply to comment #23)
> GET js/dijit/themes/umc/images/tooltipGradient.png 404 (Not Found)
> GET js/dijit/themes/umc/images/tooltip.png 404 (Not Found)
Ups invalid: das lag daran, dass der JS-hash aktualisiert wurde.
Comment 25 Alexander Kläser univentionstaff 2012-10-02 15:35:17 CEST
Dem onHover-Style bspw. einer TextBox fehlt derzeit noch der dunkle Rand (der verändert sich von grau nach dunkel grau).
Comment 26 Jascha Geerds univentionstaff 2012-10-04 11:25:49 CEST
Durch den Umstieg auf "less css" sollte "rhino" zu den Build-Dependencies (im *-frontend Paket) hinzugefügt werden.
Comment 27 Alexander Kläser univentionstaff 2012-10-04 12:39:26 CEST
(In reply to comment #26)
> Durch den Umstieg auf "less css" sollte "rhino" zu den Build-Dependencies (im
> *-frontend Paket) hinzugefügt werden.

IMHO ist es dies bereits.
Comment 28 Dirk Wiesenthal univentionstaff 2012-10-08 15:59:59 CEST
Wenn man so viele Tabs auf hat, dass sie die Breite der Seite sprengen, kommen drei Pfeile: Einer links (Pfeil nach links), um die Tabs nach links zu schieben, einer rechts (Pfeil nach rechts), um die Tabs nach rechts zu schieben und noch einer rechts, um per Klick ein DropDown aller offenen Tabs zu erhalten.

Dieser letzte Pfeil zeigte vorher nach unten, jetzt nach links.
Comment 29 Dirk Wiesenthal univentionstaff 2012-10-08 16:02:57 CEST
(In reply to comment #28)
> Wenn man so viele Tabs auf hat, dass sie die Breite der Seite sprengen, kommen
> drei Pfeile: Einer links (Pfeil nach links), um die Tabs nach links zu
> schieben, einer rechts (Pfeil nach rechts), um die Tabs nach rechts zu schieben
> und noch einer rechts, um per Klick ein DropDown aller offenen Tabs zu
> erhalten.
> 
> Dieser letzte Pfeil zeigte vorher nach unten, jetzt nach links.

Oh, und wenn man den ersten Pfeil rechts benutzen kann (weil man nach rechts schieben könnte), dann zeigt der auch nach links, statt nach rechts. Ist offenbar ein Problem der Klasse, die aktiv ist, wenn der Pfeil-Button nutzbar ist, weil immer nur der Pfeil nach links gezeigt wird.
Comment 30 Florian Best univentionstaff 2012-10-12 10:27:48 CEST
(In reply to comment #16)
> Buttons, die disabled sind verschwinden richtig, statt ausgegraut zu werden.
Das stimmt nicht, oder war ein JS Problem?! Ansonsten → wo ist das bemerkt worden?

(In reply to comment #10)
> In UDM-Details stimmen das Padding der Seite im Ganzen nicht, zu erkennen an
> den Tabs
das liegt daran, dass in layout/ContentPane.css +25 ein padding: 8px hinzugekommen ist. Habe ich überschrieben, bisher keine Seiteneffekte gefunden.

(In reply to comment #13)
> [IE9] Der Pfeil bei durch Klick auf den Titel ein- und ausklappbaren Elementen
> ist verschoben. Das war auch schon vorher so, sollte aber ruhig behoben werden.
> 
> Außerdem: TextWidgets sind im Vergleich zu ComboBoxen viel zu schmal. War auch
> schon vorher so, sollte auch gefixt werden.
Das habe ich nicht behoben, dafür könnte man im Notfall einen neuen bug öffnen.

(In reply to comment #11)
> Was anderes: Es scheint eine Transition zu geben, wenn man auf Modul-Tabs
> klickt (also die ganz oben). Benutzen wir überhaupt Transitions? Wenn nicht,
> einfach alles rausschmeißen.
Hmm, sehe ich nicht... Modulwechsel sieht bei mir identisch aus... → INVLAID

OK oberhalb und inklusive von Comment #10 bis hier ist alles erledigt.
Comment 31 Jascha Geerds univentionstaff 2012-10-12 13:50:13 CEST
(In reply to comment #1)
> Created an attachment (id=4661) [details]
> Screenshot
> 
> Ein weiterer Fehler aus Bug #26826:
> 
> Noch ein Anzeigefehler (FF), scheinbar wenn sich eine deaktivierte ComboBox
> neben einer aktivierten befindet. (Hier sind auch die Checkboxen sichtbar.)

Das Problem konnte ich nicht (mehr) reproduzieren.

(In reply to comment #2)
> Created an attachment (id=4662) [details]
> Screenshot UDM
> 
> Und der hier besteht auch weiterhin (siehe Screenshot):
> > * UDM-Subtabs (und auch die gesamte Page) haben einen Rand

Fixed!

(In reply to comment #3)
> Das DateWidget ist vom Style her noch nicht ganz angepasst.

Fixed!

(In reply to comment #4)
> Ich weiß nicht ob es sich hierbei wirklich um einen Fehler handelt, da die
> Bedienung des iPads komisch ist:
> 
> [iPad] Einträge in einem Grid werden optisch nicht hervorgehoben, wenn man
> diese anklickt (reagiert nicht auf dojoxGridRowActive)

Das ist okay so.

(In reply to comment #5)
> [iPad] Bspw. im Grid vom Prozessübersichts-Modul befindet sich unten rechts ein
> Button namens "mehr" gefolgt von einem kleinen dreieckigen Pfeil. Dieser Pfeil
> ist permanent grün eingefärbt, auch wenn kein Element im Grid ausgewählt wurde.
> Bei anderen Browsern wird der Pfeil in dem Fall ausgegraut dargestellt. Ja, ich
> bin pingelig! :-)

Das Problem konnte ich nicht (mehr) reproduzieren.

(In reply to comment #6)
> [iPad/Chromium] Subtabs im UDM haben einen Rahmen (bspw. in der Detailansicht
> eines Benutzers)

Das Problem konnte ich nicht (mehr) reproduzieren.

(In reply to comment #7)
> [IE9] Bspw. im Modul "UCR" sind die auswählbaren Kategorien im Suchfilter nicht
> sichtbar. Sie sind vorhanden, da sich eine Suche damit realisieren lässt,
> allerdings nicht lesbar. Offenbar ist dies nur der Fall, wenn die Werte
> dynamisch reingeladen werden (in anderen Grids funktioniert es)

Das Problem konnte ich nicht (mehr) reproduzieren.

(In reply to comment #8)
> [iPad] Die Detailansicht eines Rechners (Reiter "Allgemein") ist leer.

Das wurde in Bug #28751 ausgelagert.(In reply to comment #9)

> [iPad] Bei der Detailansicht eines Rechners, im Reiter "Erweiterte
> Einstellungen" wird kein Scrollbalken angezeigt. Dies ist problematisch, da
> hier sehr viele Titlepanes "verbaut" sind, welche aufgeklappt nur die Hälfte
> anzeigen.

Es hat sich herausgestellt, dass es sich nicht um einen Bug sondern um ein Feature handelt. Mit zwei Fingern kann man an dieser Stelle runterscrollen. Dass keine Scrollbars angezeigt werden, ist "normal".



-----

Bis auf den in #0 beschriebenen ComboBox-Fehler wurden alle Bugs behoben.

Changelog ist vorhanden.
Comment 32 Jascha Geerds univentionstaff 2012-10-12 14:08:39 CEST
(In reply to comment #31)
> Bis auf den in #0 beschriebenen ComboBox-Fehler wurden alle Bugs behoben.

Das wurde in Bug #28753 ausgelagert.

Dieser Bug ist insofern erledigt.
Comment 33 Alexander Kläser univentionstaff 2012-10-12 15:13:58 CEST
Created attachment 4711 [details]
UMC ExpandingTitlepane

Eine Sache ist noch aufgefallen: für den in dem Screenshot markierten Bereich der ExpandingTitlepane fehlt etwas padding.
Comment 34 Jascha Geerds univentionstaff 2012-10-12 16:01:21 CEST
(In reply to comment #33)
> Created an attachment (id=4711) [details]
> UMC ExpandingTitlepane
> 
> Eine Sache ist noch aufgefallen: für den in dem Screenshot markierten Bereich
> der ExpandingTitlepane fehlt etwas padding.

Der Fehler hat sich durch die Fixes von anderen Fehlern eingeschlichen. Wurde nun behoben (2.0.104-1).
Comment 35 Dirk Wiesenthal univentionstaff 2012-10-12 16:31:02 CEST
(In reply to comment #11)
> (In reply to comment #10)
> > In UDM-Details stimmen das Padding der Seite im Ganzen nicht, zu erkennen an
> > den Tabs
> 
> Ups, das gabs ja schon.
> 
> Was anderes: Es scheint eine Transition zu geben, wenn man auf Modul-Tabs
> klickt (also die ganz oben). Benutzen wir überhaupt Transitions? Wenn nicht,
> einfach alles rausschmeißen.

Die Inter-Modul-Tabs haben eine etwas dunklere Farbe als die Intra-Modul-Tabs, wenn ich mich nicht irre. Und ich bleibe dabei: Wenn man auf Inter-Modul-Tabs klickt, gibt es einen kurzen Übergang von dunkelgrün zu hellgrün zu weiß, den es vorher nicht gab.
Comment 36 Florian Best univentionstaff 2012-10-15 09:11:35 CEST
(In reply to comment #35)
> (In reply to comment #11)
> > (In reply to comment #10)
> > > In UDM-Details stimmen das Padding der Seite im Ganzen nicht, zu erkennen an
> > > den Tabs
> > 
> > Ups, das gabs ja schon.
> > 
> > Was anderes: Es scheint eine Transition zu geben, wenn man auf Modul-Tabs
> > klickt (also die ganz oben). Benutzen wir überhaupt Transitions? Wenn nicht,
> > einfach alles rausschmeißen.
> 
> Die Inter-Modul-Tabs haben eine etwas dunklere Farbe als die Intra-Modul-Tabs,
> wenn ich mich nicht irre. Und ich bleibe dabei: Wenn man auf Inter-Modul-Tabs
> klickt, gibt es einen kurzen Übergang von dunkelgrün zu hellgrün zu weiß, den
> es vorher nicht gab.
Ok, die Hintergrundfarbe wurde gefixt.

Das lag daran, dass es im Dom keine .dijitTabInnerDiv mehr gibt. Es gibt noch weitere Stellen, wo diese Klasse benutzt wird. Diese sollten entweder gelöscht werden oder angepasst werden.
Comment 37 Dirk Wiesenthal univentionstaff 2012-10-15 14:49:59 CEST
(In reply to comment #30)
> (In reply to comment #16)
> > Buttons, die disabled sind verschwinden richtig, statt ausgegraut zu werden.
> Das stimmt nicht, oder war ein JS Problem?! Ansonsten → wo ist das bemerkt
> worden?

Überall. dijit.byId('umc_widgets_Button_0').set('disabled', true)
Comment 38 Alexander Kläser univentionstaff 2012-10-16 13:27:25 CEST
(In reply to comment #37)
> (In reply to comment #30)
> > (In reply to comment #16)
> > > Buttons, die disabled sind verschwinden richtig, statt ausgegraut zu werden.
> > Das stimmt nicht, oder war ein JS Problem?! Ansonsten → wo ist das bemerkt
> > worden?
> 
> Überall. dijit.byId('umc_widgets_Button_0').set('disabled', true)

Eben noch einmal ausprobiert, wenn ich das UDM-Benutzermodul öffne und einen beliebigen Button mir herausgreife und ihn disable, wird er nicht mehr grau hinterlegt:

  dijit.byId('umc_widgets_Button_74').set('disabled', true)

→ "create report" Button
Comment 39 Alexander Kläser univentionstaff 2012-10-16 13:34:17 CEST
(In reply to comment #38)
> Eben noch einmal ausprobiert, wenn ich das UDM-Benutzermodul öffne und einen
> beliebigen Button mir herausgreife und ihn disable, wird er nicht mehr grau
> hinterlegt:
> 
>   dijit.byId('umc_widgets_Button_74').set('disabled', true)
> 
> → "create report" Button

Ausgelagert nach Bug 28796, dann kann dieser hier wieder zu.
Comment 40 Dirk Wiesenthal univentionstaff 2012-10-16 14:09:41 CEST
Dann hat aber MS2 keine disabled Buttons. Das wird beim App Center benutzt (das Formular mit der E-Mail).
Comment 41 Lukas Walter univentionstaff 2012-10-17 16:37:42 CEST
Die hier beschriebenen Probleme scheinen behoben, bis auf die Transistion beim Wechsel von Modultabs (die ist aber unwesentlich und kann vernachlässigt werden).

Changelogeintrag am Dojo 1.8 Bug vorhanden,
Verified.
Comment 42 Stefan Gohmann univentionstaff 2012-12-12 21:10:27 CET
UCS 3.1-0 has been released: 
 http://forum.univention.de/viewtopic.php?f=54&t=2125

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