[TYPO3-core] RFC: #7986: Vertical aligned Icons in List-Module

Steffen Kamper steffen at sk-typo3.de
Wed Apr 2 16:05:01 CEST 2008


"Steffen Kamper" <steffen at sk-typo3.de> schrieb im Newsbeitrag 
news:mailman.1.1207132793.31321.typo3-team-core at lists.netfielders.de...
> Hi,
>
> this is a SVN patch request.
>
> Type: Bugfix
>
> Branches: 4_2
>
> Bugtracker Reference:
> http://bugs.typo3.org/view.php?id=7986
>
> Problem:
> There is no vertical align of columns in list-view, which looks not nice.
> Even if table has less columns they are spread over whole width
>
> Solution:
> I added tableClasses to the named columns. Only the first column with the
> icon was hardcoded, so i insert the class there.
> Screenshot is attached also
>
> vg  Steffen
>
>

There is a small issue left. Crop lenght is 50, which expands the title 
column. So i used 30 and used a tooltip with original label only for the 
cropped item.
So now the view is really nice and unify.

vg  Steffen 


begin 666 7986_justify_list_table2.diff
M26YD97 at Z('0S;&EB+V-L87-S+G0S;&EB7W)E8V]R9&QI<W0N<&AP#0H]/3T]
M/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]
M/3T]/3T]/3T]/3T]/3T]/3T]#0HM+2T@=#-L:6(O8VQA<W,N=#-L:6)?<F5C
M;W)D;&ES="YP:' )*')E=FES:6]N(#,U,3,I#0HK*RL@=#-L:6(O8VQA<W,N
M=#-L:6)?<F5C;W)D;&ES="YP:' )*'=O<FMI;F<@8V]P>2D-"D! ("TY,"PW
M("LY,"PW($! #0H@"79A<B D861D16QE;65N=%]T9%!A<F%M<R ](&%R<F%Y
M*"D["0DO+R!+97ES(&%R92!F:65L9&YA;65S(&%N9"!V86QU97, at 87)E('1D
M+7!A<F%M971E<G,@=&\@861D(&EN(&%D9$5L96UE;G0H*3L*( H@"0DO+R!.
M;W0@=7-E9"!I;B!T:&ES(&-L87-S("T at 8G5T(&UA>6)E(&5X=&5N<VEO;B!C
M;&%S<V5S+BXN"BT)=F%R("1F:7AE9$P@/2 U,#L)"0D)"0DO+R!-87@@;&5N
M9W1H(&]F('-T<FEN9W,**PEV87(@)&9I>&5D3" ](#,P.PD)"0D)"2\O($UA
M>"!L96YG=&@@;V8@<W1R:6YG<PH@"79A<B D<V-R:7!T(#T@)R<["B )=F%R
M("1T:'5M8E-C<FEP=" ]("=T:'5M8G,N<&AP)SL*( EV87(@)'-E=$Q-87)G
M:6X],3L)"0D)"0DO+R!3970@=&\@>F5R;RP@:68@>6]U(&1O;B=T('=A;G0@
M82!L969T+6UA<F=I;B!W:71H(&%D9$5L96UE;G0 at 9G5N8W1I;VX*0$ @+3$R
M.2PY("LQ,CDL,3, at 0$ -"B )"3QT<CXG.PH@"0D)+R\@4VAO=R!I8V]N(&%N
M9"!L:6YE<PH@"0EI9B H)'1H:7,M/G-H;W=)8V]N*0E["BT)"0DD;W5T+CTG
M"BT)"0D\=&0@;F]W<F%P/2)N;W=R87 B)RXD=&1087)A;7,N)SXG.PHM"BL)
M"0EI9B H<W1R<&]S*"1T9%!A<F%M<RPG8VQA<W,](B<I/C I('L**PD)"0DD
M;W5T+CTG"BL)"0D)/'1D(&YO=W)A<#TB;F]W<F%P(B<N<W1R7W)E<&QA8V4H
M)V-L87-S/2(G+"=C;&%S<STB:6-O;D-O;" G+"1T9%!A<F%M<RDN)SXG.PHK
M"0D)?2!E;'-E('L**PD)"0DD;W5T+CTG"BL)"0D)/'1D(&YO=W)A<#TB;F]W
M<F%P(B<N)'1D4&%R86US+B<@8VQA<W,](FEC;VY#;VPB/B<["BL)"0E]"B )
M"0EI9B H(21H*0E["B C"0D)"21O=70N/2<\:6UG)RYT,VQI8E]I8V]N5V]R
M:W,Z.G-K:6Y);6<H)'1H:7,M/F)A8VM0871H+"=G9G at O;VPO:&%L9FQI;F4N
M9VEF)RPG=VED=&@](C$X(B!H96EG:'0](C at B)RDN)R!A;'0](B(@+SXG.PH@
M"0D)"21O=70N/2<\:6UG('-R8STB8VQE87(N9VEF(B!W:61T:#TB,2(@:&5I
M9VAT/2(X(B!A;'0](B(@+SXG.PI 0" M,S<W+#0@*S,X,2PT($! #0H@:68@
M*&1E9FEN960H)U194$\S7TU/1$4G*2 F)B D5%E03S-?0T].1E]605)36U19
M4$\S7TU/1$5=6R=80TQ!4U,G75LG=#-L:6(O8VQA<W,N=#-L:6)?<F5C;W)D
M;&ES="YP:' G72D)>PH@"6EN8VQU9&5?;VYC92 at D5%E03S-?0T].1E]605)3
M6U194$\S7TU/1$5=6R=80TQ!4U,G75LG=#-L:6(O8VQA<W,N=#-L:6)?<F5C
M;W)D;&ES="YP:' G72D["B!]"BT_/@T*7"!.;R!N97=L:6YE(&%T(&5N9"!O
M9B!F:6QE#0HK/SX*26YD97 at Z('1Y<&\S+V-L87-S+F1B7VQI<W0N:6YC#0H]
M/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]
M/3T]/3T]/3T]/3T]/3T]/3T]/3T]#0HM+2T@='EP;S,O8VQA<W,N9&)?;&ES
M="YI;F,)*')E=FES:6]N(#,U,3,I#0HK*RL@='EP;S,O8VQA<W,N9&)?;&ES
M="YI;F,)*'=O<FMI;F<@8V]P>2D-"D! ("TU-C0L-B K-38T+#D at 0$ -"B )
M"0DD8V]D92 ]("<\:3Y;)RXD1TQ/0D%,4ULG3$%.1R==+3YS3"@G3$Q,.D58
M5#IL86YG+VQO8V%L;&%N9U]C;W)E+G!H<#IL86)E;',N;F]?=&ET;&4G+#$I
M+B==/"]I/B M("<N:'1M;'-P96-I86QC:&%R<RAT,VQI8E]D:78Z.F9I>&5D
M7VQG9%]C<RAT,VQI8E]"169U;F,Z.F=E=%)E8V]R9%1I=&QE*"1T86)L92PD
M<F]W*2PD1TQ/0D%,4ULG0D5?55-%4B==+3YU8ULG=&ET;&5,96XG72DI.PH@
M"0E](&5L<V4@>PH@"0D))&-O9&4@/2!H=&UL<W!E8VEA;&-H87)S*'0S;&EB
M7V1I=CHZ9FEX961?;&=D7V-S*"1C;V1E+"1T:&ES+3YF:7AE9$PI*3L**PD)
M"6EF("@D8V]D92$]:'1M;'-P96-I86QC:&%R<R at D;W)I9T-O9&4I*2!["BL)
M"0D))&-O9&4@/2 G/'-P86X@=&ET;&4](B<N:'1M;'-P96-I86QC:&%R<R at D
M;W)I9T-O9&4I+B<B/B<N)&-O9&4N)SPO<W!A;CXG.PHK"0D)?0H@"0E]"B *
M( D)<W=I=&-H*"AS=')I;F<I)'1H:7,M/F-L:6-K5&ET;&5-;V1E*0E["DEN
M9&5X.B!T>7!O,R]C;&%S<RYD8E]L:7-T7V5X=')A+FEN8PT*/3T]/3T]/3T]
M/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]
M/3T]/3T]/3T]/3T]/0T*+2TM('1Y<&\S+V-L87-S+F1B7VQI<W1?97AT<F$N
M:6YC"2AR979I<VEO;B S-3$S*0T**RLK('1Y<&\S+V-L87-S+F1B7VQI<W1?
M97AT<F$N:6YC"2AW;W)K:6YG(&-O<'DI#0I 0" M-C(T+#<@*S8R-"PQ-2! 
M0 T*( D)"6EF("@D=&AI<RT^8W-V3W5T<'5T*2!["B )"0D))'1H:7,M/F%D
M9%1O0U-6*"1R;W<L)'1A8FQE*3L*( D)"7T**PD)"0DO+R!!9&0 at 8VQA<W-E
M<R!T;R!T86)L92!C96QL<PHK"0D))'1H:7,M/F%D9$5L96UE;G1?=&1087)A
M;7-;)'1I=&QE0V]L72 ]("=C;&%S<STB=&ET;&5#;VPB)SL**PD)"21T:&ES
M+3YA9&1%;&5M96YT7W1D4&%R86US6R=?0T].5%)/3%\G72 ]("=C;&%S<STB
M8V]N=')O;$-O;"(G.PHK"0D))'1H:7,M/F%D9$5L96UE;G1?=&1087)A;7-;
M)U]0051(7R==(#T@)V-L87-S/2)P871H0V]L(B<["BL)"0DD=&AI<RT^861D
M16QE;65N=%]T9%!A<F%M<ULG7T-,25!"3T%21%\G72 ]("=C;&%S<STB8VQI
M<$-O;"(G.PHK"0D))'1H:7,M/F%D9$5L96UE;G1?=&1087)A;7-;)U],3T-!
M3$E:051)3TY?)UT@/2 G8VQA<W,](FQO8V%L0V]L(B<["BL)"0DD=&AI<RT^
M861D16QE;65N=%]T9%!A<F%M<ULG7TQ/0T%,25I!5$E/3E]B)UT@/2 G8VQA
M<W,](FQO8V%L8D-O;"(G.PH@"BL)"0D*( D)"0DO+R!#<F5A=&4 at 96QE;65N
M="!I;B!T86)L92!C96QL<SH*( D)"21I3W5T+CTD=&AI<RT^861D96QE;65N
M="@Q+"1T:&5)8V]N+"1T:&5$871A+"1R;W=?8F=#;VQO<BD["B *26YD97 at Z
M('1Y<&\S+W-T>6QE<VAE970N8W-S#0H]/3T]/3T]/3T]/3T]/3T]/3T]/3T]
M/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]/3T]
M#0HM+2T@='EP;S,O<W1Y;&5S:&5E="YC<W,)*')E=FES:6]N(#,U,3,I#0HK
M*RL@='EP;S,O<W1Y;&5S:&5E="YC<W,)*'=O<FMI;F<@8V]P>2D-"D! ("TQ
M-S(R+#$P("LQ-S(R+#(X($! #0H@"B!T86)L92YT>7!O,RUD8FQI<W0@='(@
M=&0 at 9&EV+G1Y<&\S+6-L:7!#=')L(&EM9RP*('1A8FQE+G1Y<&\S+61B;&ES
M="!T<B!T9"!D:78N='EP;S,M1$)C=')L(&EM9R!["BT);6%R9VEN+6QE9G0Z
M(#%P>#L*+0EM87)G:6XM<FEG:'0Z(#%P>#L**R @("!M87)G:6XM;&5F=#H@
M,7!X.PHK(" @(&UA<F=I;BUR:6=H=#H@,7!X.PH@?0H@"BMT86)L92YT>7!O
M,RUD8FQI<W0@='(@=&0N:6-O;D-O;"!["BL)=VED=&@Z(#(P<'@["BM]"BL*
M*W1A8FQE+G1Y<&\S+61B;&ES="!T<B!T9"YT:71L94-O;"!["BL)=VED=&@Z
M(#(U,'!X.PHK?0HK"BMT86)L92YT>7!O,RUD8FQI<W0@='(@=&0N8VQI<$-O
M;"!["BL)=VED=&@Z(#$R,'!X.PHK?0HK"BMT86)L92YT>7!O,RUD8FQI<W0@
M='(@=&0N8V]N=')O;$-O;"!["BL)=VED=&@Z(#(U,'!X.PHK?0HK"BL**PH@
M=&%B;&4N='EP;S,M9&)L:7-T('1R.FAO=F5R+ H@=&%B;&4N='EP;S,M9&)L
M:7-T('1R.FAO=F5R('1D+F1B7VQI<W1?86QT('L*( EB86-K9W)O=6YD+6-O
M;&]R.B C96)E8F5B.PI 0" M,C8P-"PS("LR-C(R+#0 at 0$ -"B J+PH@"B *
"*PH`
`
end



More information about the TYPO3-team-core mailing list