[PATCH] New UI: Font scale, weight, style
From: Yu Xin Huo <huoyuxin@linux.vnet.ibm.com> Signed-off-by: Yu Xin Huo <huoyuxin@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 @@ -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; +} -- 1.7.1
On 07/01/2015 01:22, huoyuxin@linux.vnet.ibm.com wrote:
From: Yu Xin Huo <huoyuxin@linux.vnet.ibm.com>
Signed-off-by: Yu Xin Huo <huoyuxin@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; +}
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@linux.vnet.ibm.com wrote:
From: Yu Xin Huo <huoyuxin@linux.vnet.ibm.com>
Signed-off-by: Yu Xin Huo <huoyuxin@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@ovirt.org http://lists.ovirt.org/mailman/listinfo/kimchi-devel
On 09/01/2015 00:22, Wen Wang wrote:
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?
All the new UI patches will be merged into "next" branch so there is no need to add anything to the patch itself.
Best Regards
Wang Wen
On 1/9/2015 2:42 AM, Aline Manera wrote:
On 07/01/2015 01:22, huoyuxin@linux.vnet.ibm.com wrote:
From: Yu Xin Huo <huoyuxin@linux.vnet.ibm.com>
Signed-off-by: Yu Xin Huo <huoyuxin@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@ovirt.org http://lists.ovirt.org/mailman/listinfo/kimchi-devel
_______________________________________________ Kimchi-devel mailing list Kimchi-devel@ovirt.org http://lists.ovirt.org/mailman/listinfo/kimchi-devel
On 1/9/2015 2:42 AM, Aline Manera wrote:
On 07/01/2015 01:22, huoyuxin@linux.vnet.ibm.com wrote:
From: Yu Xin Huo <huoyuxin@linux.vnet.ibm.com>
Signed-off-by: Yu Xin Huo <huoyuxin@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.
v2 sent to add license statement.
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?
new UI will unify font size, weight, color to drive UI consistency, so using new class selector names. the current kimchi UI has defined font family, size, weight everywhere, it is overwritten now, as new UI is ongoing, we will remove those css and all its reference.
@@ -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; +}
participants (4)
-
Aline Manera -
huoyuxin＠linux.vnet.ibm.com -
Wen Wang -
Yu Xin Huo