zu breiter Text in der Add-ons Verwaltung

BarbaraZ-

Hallo zusammen,
bei: Zuletzt durchgeführte Updates ist der Text zu breit.

[attachment=0]durchgeführte Updates.PNG[/attachment]
Ist es möglich, dieses 2-zeilig anzeigen zu lassen?
So finde ich es unschön.

2002Andreas

Hallo Barbara..
ich gehe mal davon aus du benutzt einen Code/Stil für about:addons.

Kannst du den bitte mal ins nächste Antwortfenster hier kopieren.

Endor

Hallo BarbaraZ-.
Du verwendest ja einen CSS Code um da Links die Spalte etwas schmaler zu machen.
Daher hat dann der Text nicht mehr platz. Man könnte eventuell die Textgröße ändern.
Wäre das etwas für Dich?
Mfg.
Endor

BarbaraZ-

Endor:
auch dieses wäre eine Maßnahme.

Sicherlich meinst Du diesen Code:

CSS

/* AGENT_SHEET */     
               @-moz-document url("about:addons"),
                              url("chrome://mozapps/content/extensions/extensions.xul") {


               #view-port-container {
               border-radius: 0px !important;}
               #categories {min-width: 240px !important;}


               /*******PUTs EVERYTHING AS ONE LINE******/


               #list-view > #addon-list .addon.addon-view {
               padding: 2px 9px 2px 7px !important;
               }


               #list-view .addon.addon-view  *{
               -moz-box-orient: horizontal !important;
               -moz-box-align: center !important;
               vertical-align: middle !important;
               font-size: 100% !important;
               margin-top: 0 !important;
               margin-bottom: 0 !important;
               margin-right: 0 !important;
               white-space: nowrap !important;
               }


               #list-view > #addon-list .icon-container,
               #list-view > #addon-list .icon {
               height: 16px !important;
               width: 16px !important;
               }


               #list-view > #addon-list :-moz-any(
               .icon-container,
               .name,
               .version,
               .disabled-postfix,
               .update-postfix,
               .date-updated,
               .description,
               .details.buttton-link,
               .relnotes-toggle),
               #list-view > #addon-list .relnotes-container > *,
               #list-view > #addon-list .status-container label {
               margin-left: 5px !important;
               }


               #list-view > #addon-list .name-container {
               padding-top: 1px !important;
               padding-bottom: 2px !important;
               }


               #list-view > #addon-list .date-updated {
               display: -moz-box !important;
               }


               #list-view > #addon-list .description-container,
               #list-view > #addon-list .relnotes-container {
               margin-left: -80px !important; margin-right: -10px !important;
               }


               #list-view > #addon-list .description {
               padding-top: 1px !important;
               padding-bottom: 2px !important;
               }


               #list-view > #addon-list .details.button-link > hbox {
               padding-left: 0 !important;
               padding-right: 0 !important;
               }

               .addonCompatibility .addonCompatibility {
               margin-left: 12px !important;
               font-weight: bold !important;
               min-width: 55px !important;
               text-align: left !important;}

               /******COLUMNS ADJUSTMENT******/


               #list-view > #addon-list > .addon.addon-view {
               min-width: -moz-calc(21em + 3em + 19px) !important;
               }


               #list-view > #addon-list .content-container {
               min-width: -moz-calc(21em + 3em + 19px) !important;
               }


               #list-view > #addon-list .content-inner-container {
               max-width: -moz-calc(100% - 12px - 12px - 16px - 7px - 7px) !important;
               width: -moz-calc(110% - 12px - 12px - 16px - 7px - 7px) !important;
               max-width: 100% !important;
               width: 100% !important;
               min-width: -moz-calc(21em + 3em + 5px) !important;
               display: inline-table !important;
               }


               /***BASICINFO-CONTAINER***/

               #list-view > #addon-list .basicinfo-container {
               width: 60% !important;
               max-width: -moz-calc(100% - 21em - 3em - 5px - 7px) !important;
               min-width: 0 !important;
               display: inline-table !important;
               }


               #list-view > #addon-list .name-container {
               width: -moz-calc(60% - 5px) !important;
               max-width: -moz-calc(60% - 5px) !important;
               min-width: 0 !important;
               display: inline-table !important;
               }


               /*****enabled addon*****/

               #list-view > #addon-list > .addon.addon-view[active="true"]:not([upgrade="true"]) .name {
               max-width: -moz-calc(60% - 5px) !important;
               min-width: 0 !important;
               }


               #list-view > #addon-list > .addon.addon-view[active="true"]:not([upgrade="true"]) .version {
               max-width: -moz-calc(60%) !important;
               width: -moz-calc(60%) !important;
               min-width: 0 !important;
               }


               #list-view > #addon-list .version[hidden],
               #list-view > #addon-list > .addon.addon-view[active="true"] .disabled-postfix,
               #list-view > #addon-list > .addon.addon-view:not([upgrade="true"]) .update-postfix {
               width: 0 !important;
               max-width: 0 !important;
               }


               /***disabled addon***/

               #list-view > #addon-list > .addon.addon-view[active="false"] .name,
               #list-view > #addon-list > .addon.addon-view[upgrade="true"] .name {
               max-width: -moz-calc(60% - 5px) !important;
               min-width: 0 !important;
               }


               #list-view > #addon-list > .addon.addon-view[active="false"] .version,
               #list-view > #addon-list > .addon.addon-view[upgrade="true"] .version {
               max-width: -moz-calc(60% - 5px) !important;
               min-width: 0 !important;
               }


               #list-view > #addon-list > .addon.addon-view[active="false"] .disabled-postfix {
               max-width: 20% !important;
               width: 20% !important;
               min-width: 0 !important;
               }


               #list-view > #addon-list > .addon.addon-view[upgrade="true"] .update-postfix {
               max-width: 20% !important;
               width: 20% !important;
               min-width: 0 !important;
               }


               #list-view > #addon-list .date-updated {
               width: -moz-calc(45%) !important;
               max-width: -moz-calc(45%) !important;
               min-width: 0 !important;
               margin-left: -30px !important;
               }


               /***DESCRIPTION AND BUTTONS***/
               #list-view > #addon-list .advancedinfo-container {
               width: 45% !important;
               min-width: 20em !important;
               display: inline-table !important;
               }


               /****** DESCRIPTION + MORE + RELNOTES ******/
               #list-view > #addon-list .description-outer-container {
               width: -moz-calc(100% - 21em - 5px) !important;
               max-width: -moz-calc(100% - 21em - 5px) !important;
               min-width: 4em !important;
               display: inline-table !important;
               }


               #list-view > #addon-list .description-container {
               width: 280px !important;
               min-width: 250px !important;         
               }

               #list-view > #addon-list .status-control-wrapper {margin-left: -60px !important;}


               #list-view > #addon-list .description {
               width: -moz-calc(100% - 3em - 5px) !important;
               max-width: -moz-calc(100% - 3em - 5px) !important;
               display: table-cell !important;
               }


               #list-view > #addon-list .description[hidden] + .details.button-link {
               margin-left: -moz-calc(-3em + 1px) !important;
               }


               #list-view > #addon-list .details.button-link {
               max-width: 3em !important;
               display: table-cell !important;
               }


               #list-view > #addon-list .relnotes-container {
               }


               /***BUTTONS***/
               #list-view > #addon-list .status-control-wrapper {
               width: 21em !important;
               max-width: 21em !important;
               min-width: 21em !important;
               -moz-box-pack: end !important;
               }


               /***BUTTONS***/
               #list-view > #addon-list .control-container > :-moz-any(.preferences, .enable, .disable, .remove) {
               width: 8em !important;
               min-width: 8em !important;
               }




               /******MESSAGES ADJUSTMENTS******/
               #list-view > #addon-list :-moz-any(.error, .pending, .warning) {
               margin-left: 28px !important;
               }


               #list-view .addon.addon-view[notification="warning"] .warning {
               display: none !important;
               }


               /******UPDATE PROGRESS BAR******/
               #list-view > #addon-list > .addon.addon-view .install-status:not([hidden]) .cancel {
               margin: 3px !important;
               }


               #list-view > #addon-list > .addon.addon-view .install-status:not([hidden]) .start-cap {
               margin: -1px 0 -1px -1px !important;
               height: 1.7em !important;
               }

               .description {min-width: 240px !important;}




               [oncommand="Services.wm.getMostRecentWindow('navigator:browser').document.defaultView.OpenAddonFolder.OpenFolder()"] {
               -moz-binding:
               url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
               list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAALkSURBVHjahFNdSBRRFP7uzJ3ZXXbV1KykEiEKwliTyiL7lZD+jCXMh3yLwCiCICrrobd+qPAheggiosAoSKMfDYrqQQuSzGhLjDI1XJPdctl1d3ZmZ+be7gwmEv2c4XDhzDnn+8537iWcc5w/5tnh99Frfp/iJQDSusW0jLn38FnjNv5j5EKT2liY57sU2lJLc70auPi0bACt7ffN6LjWIHLuCvdN5nPhmaPnsvavBtTvVc7W14aojw8A2SwcBgGiom7rZqXj2ZMWTbcmJEJg2UxOps2EabH9IqV9qoHPI1MP+QFY2jRiFvxkGHU1qxTGaQFxeMmFuHmvzROL64HpI1DJgWRMuI1oXEdXOArOCQj5fVgVE2lTFRRPNB/37mGcS4zxOHVE5LYl3ETfYBxl5SEU5atO1z9pJvB4kHElmDRycae1uZsKOBc9OaHja0zH2nUyZLNvEpUC+bUgORsApXCqC7dTiL1zZWgi10/5J3bXLA909b7HvEXVWDBT6GEnXMpk/knYeZvwfOgRukc68UP7jlylAJVz16Bm4XbIEiUug1Qqg6GYgaoqBTwTc7dFZu2CmVuNq73N+Jr4IkIUhmlDlzN4OvAQH0bDePbxsVdy9v52YBRVldWQ05/EKjPCdZAZDnIHRpKDkFQVzCQ4sPKIOCWofgWR1BBsmzc6SpLhsThK8wWwNjrZQDgtxKtIJzijYGkJwTnLsLhoCYLFFWCaAkURcZvV05TBlPWrt8E0NdhyiaOcK5RHTJfQx6EbzEV2ih1rWLoHfcVhXHxxxsmdQ23Gs50vH5AeVWx+2u7ryrJygOYRVTZx480VLJld7ha3vLmK8Lde5HhzYGbtMXrodDbnbw+lP/rhYEl+6UXqFTpFelBRvAJvR19D9tjIJAxx//gt6V8vTSRc+Tw20GKkDRDZcmlzYiElisOD/S3Of+LcxH9Z6NpGxbbYPstiOznjcwXtiFC/TcQudzZ1mz8FGAAK22Kcq4kkpQAAAABJRU5ErkJggg==") !important;
               -moz-image-region: rect(0px 16px 16px 0px) !important;
               padding-left:4px!important}


               menuitem[label="Addon-Ordner öffnen"] >.menu-iconic-text{
               padding-left:10px !important;}

               [oncommand="Services.wm.getMostRecentWindow('navigator:browser').document.defaultView.OpenAddonFolder.OpenFolder()"]  >.menu-iconic-text{
               padding-left:10px !important;}


               /*Addons suchen ausblenden*/               
               #category-discover {
               display: none;
               }
               }

Alles anzeigen

Endor

Dann mal testen:

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url-prefix("about:addons") {


#category-recentUpdates> label {font-size: 10px !important;}


}

Mfg.
Endor

2002Andreas

Alternativ die linke Spalte etwas breiter:

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url-prefix("about:addons") {


#headered-views-content{
margin-left:18px!important;}


}

Den Wert wenn dann bitte anpassen.

Könnte dann auch in deinen Code eingefügt werden.

BarbaraZ-

Perfekt Endor.
Ich habe einfach die Zeilen

CSS

#category-recentUpdates> label {font-size: 10px !important;}


}

in den bestehenden Code eingefügt und natürlich ganz am Ende die } Klammer weggenommen.

Alles bestens, danke dafür. :klasse:

BarbaraZ-

Andreas, die linke Splate möchte ich eigentlich nicht vergrößern.
Macht dann ja den Gesamttext estas gedrängter. (Blödes deutsch)

2002Andreas

Du hast freie Auswahl :wink:

Getestet hattest du es mal?

BarbaraZ-

Ja klaro, hatte ich es getestet.
Bin ja für so etwas immer zu haben.

2002Andreas

Zitat von BarbaraZ-

Bin ja für so etwas immer zu haben.

:klasse:

Endor

Prima. Freut mich wenn es passt.
:klasse:
Mfg.
Endor

2002Andreas

Spielerei :wink:

Man könnte auch den Text ändern:

[attachment=0]Screenshot (278).png[/attachment]

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


@-moz-document url("about:addons") {


#category-recentUpdates > label{
font-size:0px!important;}


#category-recentUpdates:after{
font-size:18px!important;
content: 'Letzte Updates' !important;}


#category-recentUpdates:hover{
cursor: default!important;}
}

Alles anzeigen

Endor

Hallo Andreas.
Auch eine gute Lösung.
:klasse:

Da muss erst mal drauf kommen.
:klasse:
Schönen Abend wünsche ich.
Mfg.
Endor

2002Andreas

Zitat von Endor

Schönen Abend wünsche ich.

Danke, den wünsche ich dir auch

Zitat von Endor

Da muss erst mal drauf kommen.

Ich spiele doch gerne rum an unserem tollen Firefox :wink:

BarbaraZ-

Hallo Andreas,

genial, Danke dafür. :klasse:
Hat aber noch einen kleinen Schönheitsfehler.

[attachment=0]Add-ons Verwaltung.PNG[/attachment]
Durch die Verkleinerung der Schrift auf 16 px hier:

CSS

#category-recentUpdates:after{font-size:16px!important;
              content: 'Letzte Updates' !important;}

rutscht der Pfeil etwas hoch und sitzt nicht mehr auf Höhe des Textes, so wie es bei Plugins der Fall ist.

2002Andreas

Zitat von BarbaraZ-

rutscht der Pfeil etwas hoch

Stimmt, und ich finde keine perfekt Lösung dafür. :-??

Wenn du magst teste bitte mal:

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


@-moz-document url("about:addons") {


.category-icon{
margin-top:-12px!important;}


#category-recentUpdates > label{
font-size:0px!important;}


#category-recentUpdates:after{
font-size:16px!important;
content: 'Letzte Updates' !important;}


#category-recentUpdates:hover{
cursor: default!important;}
}

Alles anzeigen

Evtl. den Wert für dich noch etwas anpassen.

PS:
Evtl. fällt einem anderen User ja noch etwas ein dazu.

BarbaraZ-

Hallo Andreas,

nein leider klappt es damit auch nicht.
Ich denke, es kommt nicht auf Schönheit an, daher lassen wir es jetzt so, wie es ist.

Danke für die Arbeit.