Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#16 2009-11-01 17:54:29

Gocom
Developer Emeritus
From: Helsinki, Finland
Registered: 2006-07-14
Posts: 4,533
Website

Re: A new TXP 4.2.0+ Admin Theme inspired by txpcoder.com

CSS3 supports element resizing. It can also be done with extensions in most browser and ofcourse with JavaScript.

Offline

#17 2009-11-01 19:51:10

rathersplendid
Plugin Author
From: London
Registered: 2008-05-02
Posts: 163
Website

Re: A new TXP 4.2.0+ Admin Theme inspired by txpcoder.com

Gocom wrote:

CSS3 supports element resizing. It can also be done with extensions in most browser and ofcourse with JavaScript.

Good idea, I hadn’t thought of that. I will check out CSS 3 tomorrow and add your suggestion, and maybe more, to the theme. Cheers Gocom


Admin Themes Prometheus | Stung | <txp:coder/
My Portfolio | ɹǝpuɐz.com | @MrMartineau
<txp:coder /> – Convert your designs into Textpattern-based websites
jQuery Style | @jquerystyle

Offline

#18 2009-11-01 23:40:40

smdnetau
Member
From: Sydney
Registered: 2008-10-09
Posts: 52
Website

Re: A new TXP 4.2.0+ Admin Theme inspired by txpcoder.com

Thanks Zander but I’m a FF man myself. I’ve got a 24” monitor I’d like to make use of too. Without mucking about with your CSS I just added this at the end:

tr td.column:nth-of-type(2), #page-form tr td:nth-of-type(2), #page-css tr td:nth-of-type(2) {
	width: 80%;
}
textarea#html.code, textarea#form.code, textarea#css.code {
	width: 100%;
}

I’m no css expert but it seems to do the trick for me and it resizes with the browser.

Offline

#19 2009-11-02 08:38:48

rathersplendid
Plugin Author
From: London
Registered: 2008-05-02
Posts: 163
Website

Re: A new TXP 4.2.0+ Admin Theme inspired by txpcoder.com

smdnetau wrote:

Thanks Zander but I’m a FF man myself. I’ve got a 24” monitor I’d like to make use of too. Without mucking about with your CSS I just added this at the end:

tr td.column:nth-of-type(2), #page-form tr td:nth-of-type(2), #page-css tr td:nth-of-type(2) {
	width: 80%;
}
textarea#html.code, textarea#form.code, textarea#css.code {
	width: 100%;
}

I’m no css expert but it seems to do the trick for me and it resizes with the browser.

Nice work, I’m glad you found your solution. I found out though, that Firefox does not support the CSS3 resize function, I added it anyway, but it won’t show for Firefox. If you do want wider textareas, I suggest adding smdnetau’s CSS beneath mine.

I have also updated the theme to fix some inconsistencies between browsers and should hopefully now be pixel perfect… Please re-download the theme for best results.


Admin Themes Prometheus | Stung | <txp:coder/
My Portfolio | ɹǝpuɐz.com | @MrMartineau
<txp:coder /> – Convert your designs into Textpattern-based websites
jQuery Style | @jquerystyle

Offline

Board footer

Powered by FluxBB