Bladeren bron

demo: combobox: nicer arrow

mattias 11 maanden geleden
bovenliggende
commit
e9798c6199
3 gewijzigde bestanden met toevoegingen van 34 en 23 verwijderingen
  1. BIN
      demo/Combobox/ArrowDown.png
  2. 30 20
      demo/Combobox/DemoCombobox.inc
  3. 4 3
      demo/Combobox/DemoCombobox.pas

BIN
demo/Combobox/ArrowDown.png


+ 30 - 20
demo/Combobox/DemoCombobox.inc

@@ -1,12 +1,12 @@
 const ArrowDownImage =
-  #137'PNG'#13#10#26#10#0#0#0#13'IHDR'#0#0#0#20#0#0#0#20#8#6#0#0#0#141#137#29#13
-  +#0#0#1#132'iCCPICC profile'#0#0'('#145'}'#145'=H'#195'P'#20#133'OSE)'#149#14
-  +'v'#16'Q'#200'P'#157','#136#138'8j'#21#138'P!'#212#10#173':'#152#188#244#15
-  +#154'4$).'#142#130'k'#193#193#159#197#170#131#139#179#174#14#174#130' '#248#3
-  +#226#236#224#164#232'"%'#222#151#20'Z'#196'x'#225#241'>'#206#187#231#240#222
-  +'}'#128#208#168'0'#205#234#26#7'4'#221'6'#211#201#132#152#205#173#138'='#175
-  +#8'!'#128'0"'#24#150#153'e'#204'IR'#10#190#245'uO'#189'Twq'#158#229#223#247
-  +'g'#245#169'y'#139#1#1#145'x'#150#25#166'M'#188'A<'#189'i'#27#156#247#137#163
+  #137'PNG'#13#10#26#10#0#0#0#13'IHDR'#0#0#0'@'#0#0#0'@'#8#6#0#0#0#170'iq'#222#0
+  +#0#1#132'iCCPICC profile'#0#0'('#145'}'#145'=H'#195'P'#20#133'OSE)'#149#14'v'
+  +#16'Q'#200'P'#157','#136#138'8j'#21#138'P!'#212#10#173':'#152#188#244#15#154
+  +'4$).'#142#130'k'#193#193#159#197#170#131#139#179#174#14#174#130' '#248#3#226
+  +#236#224#164#232'"%'#222#151#20'Z'#196'x'#225#241'>'#206#187#231#240#222'}'
+  +#128#208#168'0'#205#234#26#7'4'#221'6'#211#201#132#152#205#173#138'='#175#8
+  +'!'#128'0"'#24#150#153'e'#204'IR'#10#190#245'uO'#189'Twq'#158#229#223#247'g'
+  +#245#169'y'#139#1#1#145'x'#150#25#166'M'#188'A<'#189'i'#27#156#247#137#163
   +#172'$'#171#196#231#196'c&]'#144#248#145#235#138#199'o'#156#139'.'#11'<3jf'
   +#210#243#196'Qb'#177#216#193'J'#7#179#146#169#17'O'#17#199'TM'#167'|!'#235
   +#177#202'y'#139#179'V'#169#177#214'='#249#11#195'y}e'#153#235#180#134#144#196
@@ -17,16 +17,26 @@ const ArrowDownImage =
   +#12#217#148'])HK('#20#128#247'3'#250#166#28#208#127#11#132#214#188#185#181
   +#206'q'#250#0'dhV'#169#27#224#224#16#24'-R'#246#186#207#187'{;'#231#246'oOk~'
   +'?'#27#150'r'#132'#'#222#176#242#0#0#0#6'bKGD'#0#255#0#255#0#255#160#189#167
-  +#147#0#0#0#9'pHYs'#0#0#11#19#0#0#11#19#1#0#154#156#24#0#0#0#7'tIME'#7#232#10
-  +#1#16':'#26#0'"'#200#248#0#0#0#237'IDAT8'#203#237#212#189'K'#130'Q'#20#6#240
-  +#31'}(e'#205#5#13#129#208#234#160#14'ACKc'#4#5#181#183#5'BCcK47'#247#151#248
-  +#23#137#139#5'}'#188#213#171#175#182#180#28'!'#196'4'#19#164#193#3'w'#184#247
-  +'><'#247'<'#207'9'#231'2'#143#255#16#11'?mv'#176'='#1'Q'#14'E'#236#14#146#246
-  +#201#186#248#192#30#150#198#144#173#225#22#207'x'#194#214' `'#19#15#177':'
-  +#184#26'A'#154#195#13#222#209'F'#11#27#195'|8D3^'#204#176#143#229'!'#184'2'
-  +#30'CQ'#130#210'(sKx'#197'gdz'#141'|'#220#175#226'(Tt'#3'W'#25'gt'#30'wHCN'
-  +#130#227#240#236'>'#228#245#240#134#218'/'#188#6'+8'#11#178#20#13#156'G'#198
-  +'Y'#156']b}'#210#222#170#134#172'4'#170#217#247#236#4#133#191'6m9'#200'2'#188
-  +#224'"'#170'<'#213#20#28#160#142#211'o'#5#154'z'#180#10'X'#156#255'2'#179#137
-  +'/'#30#184'2v'#205'TF'#15#0#0#0#0'IEND'#174'B`'#130;
+  +#147#0#0#0#9'pHYs'#0#0#13#215#0#0#13#215#1'B('#155'x'#0#0#0#7'tIME'#7#232#10
+  +#2#13#4#9#195#18#13#150#0#0#1#211'IDATx'#218#237#153#185'J'#3'A'#24#128#191
+  +#128#149'`k+ZX'#138#141#198'#'#241#9#188'56b'#163#198#251'%'#188#226#149#218
+  +#210'J+[;'#31#192#198'V'#176#16'|'#2'o'#16'5'#186'k'#147#133'%$&3'#155'cf'
+  +#252'?'#152'"03'#225#251#194'2'#187#27#16#4'A'#16#4'A'#16#4'A'#16#254#31#177
+  +#130#207#9'`'#22'h'#3#238#129'S'#224#202'r'#199'v '#13't'#1'O'#192#5'p'#14'x'
+  +#133#19#179#128'_0< c'#177'|'#10'x/'#226'u'#9'4'#135''''#206#21#153#20#30'Y'
+  +#11#229'g'#128#220#31'N'#199#225#201#215'e'#2#248#192#145'C'#242'>'#240#1#180
+  +#4#11#190'*'#8'`K'#132'J'#228#131#209#29',z'#168'p'#129#15#28#26'~'#205#231
+  +#20'\:'#131#133'g'#10#139'L'#141#160'*'#127#23'>'#5';'#128'G'#139'#'#164#20
+  +'.c'#31#248#1#134#11'7'#233#205#159#147'*'#17#14#12#144#159#214#144#159'/'
+  +#181#153'm'#17#170'*'#31#16#183'$'#130#142#252'B'#165#155#199#129'g'#131'#'
+  +#212'T>J'#132#253':'#200'Oi'#200'/'#234'~'#153'i'#17#234'*'#31#208#167#17'a'
+  +#207#21'yS"Lj'#200#167#171#253#11#232'D'#200#184'"'#31#142#240'R'#199#8#19'&'
+  +#201'G'#137#176#235#138'|'#148#8';'#10#251#143'+'#202'{'#245#148#15#232#175
+  +'Q'#132'1'#13#249#165'F'#221#139#235'D'#216'vE>'#28#225'U1'#194'V'#9#249'OE'
+  +#249'eS'#158#199#7'"F'#24#181'Y>J'#132'M`'#196#5#249'('#17#190#21#229'WL'#127
+  +'+;'#8#188')FpF'#190'V'#17'<`'#21#203'HT)'#130#149#242#213#138#224#1'kXNR3'
+  +#130#7#172#227#8#170#17#156#146'W'#141#224#164'|'#192'P'#153#8#30#176#129#227
+  +'$)'#254'gl'#174#17#231'|'#172'A'#17'Z'#243'Oq=@'#19'p'#11#156#0'7'#8#130' '
+  +#8#130' '#8#130' '#8'B'#205#249#5#245#185#222#207#19'3'#29#184#0#0#0#0'IEND'
+  +#174'B`'#130;
 

+ 4 - 3
demo/Combobox/DemoCombobox.pas

@@ -47,8 +47,9 @@ type
         +'.ComboboxCaptionLabel {'+LineEnding
         +'}'+LineEnding
         +'.ComboboxCaptionIcon {'+LineEnding
-        +'  width: 20px;'+LineEnding
-        +'  height: 20px;'+LineEnding
+        +'  width: 16px;'+LineEnding
+        +'  height: 16px;'+LineEnding
+        +'  padding-left: 8px;'+LineEnding
         +'}'+LineEnding
         +'.ComboboxMenu {'+LineEnding
         +'  position: absolute;'+LineEnding
@@ -201,7 +202,7 @@ begin
   CaptionIcon:=TImage.Create(Self);
   with CaptionIcon do begin
     Name:='CaptionIcon';
-    //Caption:=#$E2#$8C#$84; // Down Arrowhead, needs font that has it
+    //Caption:=#$E2#$8C#$84; // Down Arrowhead, needs font that has it
     CSSClasses.Add('ComboboxCaptionIcon');
     Parent:=CaptionDiv;
   end;