[Kimchi-devel] [PATCH] New UI: Font scale, weight, style

[Wen Wang]

Hi Aline,

This is for the kimchi new UI base. Yu Xin just create a base file so 
that we could inherit the most of the base style which keeps the UI 
consistent and easy to change. This is css that contains the most common 
parts that used in UI, which some more rules of css will be added in the 
later development.

As talked with Yu Xin, we decided that we create the new UI widgets 
first which will be files with names different from the current widgets. 
You probably won't see any differences when they first came out. I 
suggest that can be merged to the "next" branch that is created 
specially for the new UI. We will delete the useless files at one time 
once all the new interfaces are created.

I have a suggestion, should we add some special parts to the patch that 
is make for the new UI specially like in the header we might add "next" 
so that is specified only for the new UI?

Best Regards

Wang Wen

On 1/9/2015 2:42 AM, Aline Manera wrote:
>
> On 07/01/2015 01:22, huoyuxin at linux.vnet.ibm.com wrote:
>> From: Yu Xin Huo <huoyuxin at linux.vnet.ibm.com>
>>
>> Signed-off-by: Yu Xin Huo <huoyuxin at linux.vnet.ibm.com>
>> ---
>>   ui/css/theme-default/base.css |   40 
>> ++++++++++++++++++++++++++++++++++++++++
>>   1 files changed, 40 insertions(+), 0 deletions(-)
>>   create mode 100644 ui/css/theme-default/base.css
>>
>> diff --git a/ui/css/theme-default/base.css 
>> b/ui/css/theme-default/base.css
>> new file mode 100644
>> index 0000000..f143ec9
>> --- /dev/null
>> +++ b/ui/css/theme-default/base.css
>
> The license header is missing.
>
> And I couldn't see any difference on UI. Is it because the current 
> elements do not use the following CSS classes?
> But what about html and body elements?
>
>> @@ -0,0 +1,40 @@
>> +html, body {
>> +    font-family: 'Helvetica Neue', Helvetica, Arial;
>> +}
>> +
>> +/* 2 levels of header text size */
>> +
>> +.h1-bold {
>> +    font-size: 27px;
>> +    font-weight: bold;
>> +}
>> +
>> +.h1-light {
>> +    font-size: 27px;
>> +    font-weight: lighter;
>> +}
>> +
>> +.h2-bold {
>> +    font-size: 22px;
>> +    font-weight: bold;
>> +}
>> +
>> +/* 2 levels of content text size */
>> +
>> +.c1-bold {
>> +    font-size: 17px;
>> +    font-weight: bold;
>> +}
>> +
>> +.c1 {
>> +    font-size: 17px;
>> +}
>> +
>> +.c1-light {
>> +    font-size: 17px;
>> +    font-weight: lighter;
>> +}
>> +
>> +.c2 {
>> +    font-size: 14px;
>> +}
>
> _______________________________________________
> Kimchi-devel mailing list
> Kimchi-devel at ovirt.org
> http://lists.ovirt.org/mailman/listinfo/kimchi-devel
>