gioser

tawasuyu/taffy

A high performance rust-powered UI layout library

Rust 684HTML 640Markdown 12TOML 62286 Sutichaykuna

⎇ main tests/xml/flex/bevy_issue_9530__content_box_rtl.xml HTML · 25 siq'ikuna · 2.3 KB Ñawpa willay ch'uya

Implement `direction` property (#906) 60601a657 · Kane Wang · 

1<test name="bevy_issue_9530__content_box_rtl" use-rounding="true">
2  <viewport width="max-content" height="max-content"/>
3  <input>
4    <div box-sizing="content-box" direction="rtl" flex-direction="column" align-items="center" align-content="center" width="300px" height="300px" margin-top="auto" margin-left="auto" margin-bottom="auto" margin-right="auto">
5      <div box-sizing="content-box" direction="rtl" flex-direction="column" width="100%" height="20px"/>
6      <div box-sizing="content-box" direction="rtl" flex-direction="column" flex-grow="1" width="100%" margin-top="20px" margin-left="20px" margin-bottom="20px" margin-right="20px" padding-top="20px" padding-left="20px" padding-bottom="20px" padding-right="20px">
7        <div box-sizing="content-box" direction="rtl" width="100%" height="50px"/>
8        <text box-sizing="content-box" direction="rtl" align-items="center" align-content="center" justify-content="center" flex-grow="1" margin-top="20px" margin-left="20px" margin-bottom="20px" margin-right="20px">
9          HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH
10        </text>
11        <div box-sizing="content-box" direction="rtl" width="100%" height="50px"/>
12      </div>
13    </div>
14  </input>
15  <expectations>
16    <node x="0" y="0" width="300" height="300">
17      <node x="0" y="0" width="300" height="0"/>
18      <node x="-20" y="20" width="340" height="380">
19        <node x="20" y="20" width="300" height="50"/>
20        <node x="40" y="90" width="260" height="200"/>
21        <node x="20" y="310" width="300" height="50"/>
22      </node>
23    </node>
24  </expectations>
25</test>