Scrollbars für Code

nman

Spricht irgendwas dagegen, sowas mit einer konservativ gewählten Höchstbreite direkt im Forum zu verwenden?

Wäre IMO eine deutliche Verbesserung für alle User.

edit: Z.B. bei diesem Thread hier: http://www.c-plusplus.net/forum/322513

Dravere

nman schrieb:

Spricht irgendwas dagegen, sowas mit einer konservativ gewählten Höchstbreite direkt im Forum zu verwenden?

Ich habe es bereits im anderen Thread gesagt. Ist absolut einfach zu implementieren. Man müsste nur eine fixe Breite nennen, welche verwendet wird. Und das schöne ist, dass diese auch für kleinere Geräte funktionieren muss oder man müsste dort eine eigene definieren, wenn das geht.

Grüssli

nman

Dravere schrieb:

Man müsste nur eine fixe Breite nennen, welche verwendet wird. Und das schöne ist, dass diese auch für kleinere Geräte funktionieren muss oder man müsste dort eine eigene definieren, wenn das geht.

Ich würde einfach bei 140 Characters sowas umbrechen, sind bei mir so um die 1020px exklusive Zeilennummern. Wer mehr sehen möchte, kann ggf. wie gehabt das CSS bzw. Javascript anpassen.

Es geht ja nur darum, dass die Defaults das Layout nicht mehr so übel zerschießen, wenn wieder mal jemand viel zu breiten Code postet.

Dravere

Ich schaue es mir nächste Woche mal an.

Grüssli

nman

Dravere schrieb:

Ich schaue es mir nächste Woche mal an.

Cool, danke. Falls es irgendwelche Schwierigkeiten gibt, gib mir einfach per Mail Bescheid.

nman

Dravere schrieb:

Ich schaue es mir nächste Woche mal an.

Danke für die Änderungen, ist online.

Keine Scrollbars mit Firefox 26.
In Chrome funktionierts.

Dravere

Hab hier auch Firefox 26 und es funktioniert. Verwendest du womöglich meine Greasemonkey Scripts?

Hier diesbezüglich ein paar aktualisierte:

Fixe maximale Breite
Dieses script verändert die maximale Breite der Code-Container. In dieser Einstellung auf 880 Pixel. Standardmässig sind sie auf 1020 Pixel gesetzt.

// ==UserScript==
// @name c-plusplus fixed code width
// @namespace http://www.c-plusplus.net/forum/
// @author Dravere
// @include http://www.c-plusplus.net/forum/*
// @grant none
// ==/UserScript==

(function()
{

function updateCodeContainers()
{
    var codeWidth = 880 + 'px';
    var codeContainers = document.getElementsByClassName('code_container');

    for(var i = 0; i < codeContainers.length; ++i)
    {
        codeContainers[i].style.width = codeWidth;
    }
}

updateCodeContainers();

})();

Relative maximale Breite
Dieses Script zieht einfach eine fixe Zahl von window.innerWidth ab. In diesem Script auf 200 gesetzt. Jeder kann die Grösse seinen Einstellungen entsprechend anpassen. Die maximale Breite des Codes wird zudem aktualisiert, wenn die Grösse des Fensters verändert wird.

// ==UserScript==
// @name c-plusplus relative code width
// @namespace http://www.c-plusplus.net/forum/
// @author Dravere
// @include http://www.c-plusplus.net/forum/*
// @grant none
// ==/UserScript==

(function()
{

function updateCodeContainers()
{
    var fixedContentWidth = 200;
    var codeWidth = (window.innerWidth - fixedContentWidth) + 'px';
    var codeContainers = document.getElementsByClassName('code_container');

    for(var i = 0; i < codeContainers.length; ++i)
    {
        codeContainers[i].style.width = codeWidth;
    }
}

updateCodeContainers();

window.addEventListener('resize', updateCodeContainers);

})();

Grüssli

test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test

Dravere schrieb:

Hab hier auch Firefox 26 und es funktioniert. Verwendest du womöglich meine Greasemonkey Scripts?

Nein verwende keine Scripts.

Edit: Jetzt gehts. Thx

Dravere

Achso, ich Idiot. Hard-Refresh kann helfen. Hat Änderungen im CSS drin und dieses wird meistens gecached

Grüssli

Columbo

Hatte selber ein Greasemonkey-Skript geschrieben. Dann fiel mir auf einmal ein, dass ich ja Greasemonkey deaktiviert hatte, und trotzdem Scroll-Balken erschienen, und habe sofort im Forentechnik-Board nachgeschaut. Danke!

Irgendwas ist kaputt.
In z.B. dem Thread ist die Mindestbreite 1200-1300 Pixel:
http://www.c-plusplus.net/forum/323304

Der Text bricht bei kleinerer Breite nicht mehr um.

Dravere

µ schrieb:

Irgendwas ist kaputt.
In z.B. dem Thread ist die Mindestbreite 1200-1300 Pixel:
http://www.c-plusplus.net/forum/323304
Der Text bricht bei kleinerer Breite nicht mehr um.

Danke für die Meldung. Habe auch schon einen Fix dafür. Die Klasse code_container im CSS sollte wohl statt width besser max-width verwenden. Habe erst am Montag die Möglichkeit die Änderung zu machen. Und nman muss es dann noch in den Forencode ziehen

Grüssli

Dravere schrieb:

Danke für die Meldung. Habe auch schon einen Fix dafür. Die Klasse code_container im CSS sollte wohl statt width besser max-width verwenden. Habe erst am Montag die Möglichkeit die Änderung zu machen. Und nman muss es dann noch in den Forencode ziehen

Grüssli

Danke Dir

hustbaer

Aaaaaaaah, Danke Leute!

Dravere

µ schrieb:

Dravere schrieb:

Danke für die Meldung. Habe auch schon einen Fix dafür. Die Klasse code_container im CSS sollte wohl statt width besser max-width verwenden. Habe erst am Montag die Möglichkeit die Änderung zu machen. Und nman muss es dann noch in den Forencode ziehen

Grüssli

Danke Dir

Die Änderung war leider nicht so einfach wie ursprünglich gedacht, da die Browser sich ja so gerne an Standards halten. Und natürlich kamen dann jede Menge anderer Dinge in den Weg. Aber es ist nun ein Fix live. Hard-Refresh ist allenfalls nötig. Danke an nman fürs reinmergen.

Grüssli

hustbaer

Ist zwar schon lange her, aber trotzdem nochmal: Danke, Leute, dadurch ist das Forum viel besser verwendbar geworden!