You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@cloudstack.apache.org by Brian Federle <Br...@citrix.com> on 2012/06/14 21:37:48 UTC

RE: Fwd: psd

I have made a separate CSS file and sprite sheet, which extends the length of the 'view-all' button to fit the Russian text. Hopefully this will work — unfortunately this button is fixed length for now :(

I have attached a new image and CSS file with the modifications:

-Please add buttons-ru.png to /ui/images
-Please add cloudstack3.ru.css to /ui/css
-Link to the cloudstack3.ru.css in index.jsp, after cloudstack3.css:

     …
     <title></title>
     <link type="text/css" rel="stylesheet" href="lib/reset.css"/>
     <link type="text/css" rel="stylesheet" href="css/cloudstack3.css" />
+    <link type="text/css" rel="stylesheet" href="css/cloudstack3.ru.css" />
     <c:if test="${!empty cookie.lang && cookie.lang.value != 'en'}">
     …

-Brian

-----Original Message-----
From: Даниил Брежнев [mailto:legion.mail@ua.fm]
Sent: Thursday, June 14, 2012 11:39 AM
To: cloudstack-dev@incubator.apache.org<ma...@incubator.apache.org>
Cc: Jessica Wang
Subject: Fwd: psd

Hello And can provide psd for the icons
And then the Russian word does not fit on it


localization - overlong Russian text in "View all" icon on network configuration screen

Posted by Jessica Wang <Je...@citrix.com>.
Thanks, Brian.

Legion,
The fix in Brian's email is for the problem you encounter: overlong Russian text in "View all" icon on network configuration screen.

Jessica

From: Brian Federle
Sent: Thursday, June 14, 2012 12:42 PM
To: cloudstack-dev@incubator.apache.org
Cc: Jessica Wang
Subject: Re: psd

Oops, looks like the mailing list doesn't like CSS attachments.

Please paste the contents here into cloudstack3.ru.css:

.network-chart li .view-details {
  /*+placement:anchor-bottom-right 11px 11px;*/
  position: absolute;
  right: 11px;
  bottom: 11px;
  cursor: pointer;
  color: #FFFFFF;
  background: url(../images/buttons-ru.png) no-repeat -201px -503px;
  font-size: 11px;
  padding: 6px 0 7px 10px;
  width: 117px;
  /*+text-shadow:0px 1px 1px #395065;*/
  -moz-text-shadow: 0px 1px 1px #395065;
  -webkit-text-shadow: 0px 1px 1px #395065;
  -o-text-shadow: 0px 1px 1px #395065;
  text-shadow: 0px 1px 1px #395065;
}

.system-chart ul.resources li .button.view-all {
  width: 109px;
  height: 25px;
  background: url(../images/buttons-ru.png) no-repeat -204px -504px;
  /*+placement:shift 0px 34px;*/
  position: relative;
  left: 0px;
  top: 34px;
  position: absolute;
}

.system-chart ul.resources li .button.view-all:hover {
  background-position: -329px -504px;
}

From: Brian Federle <br...@citrix.com>>
Reply-To: "cloudstack-dev@incubator.apache.org<ma...@incubator.apache.org>" <cl...@incubator.apache.org>>
Date: Thu, 14 Jun 2012 12:37:48 -0700
To: "cloudstack-dev@incubator.apache.org<ma...@incubator.apache.org>" <cl...@incubator.apache.org>>
Cc: Jessica Wang <Je...@citrix.com>>
Subject: RE: Fwd: psd

I have made a separate CSS file and sprite sheet, which extends the length of the 'view-all' button to fit the Russian text. Hopefully this will work - unfortunately this button is fixed length for now :(

I have attached a new image and CSS file with the modifications:

-Please add buttons-ru.png to /ui/images
-Please add cloudstack3.ru.css to /ui/css
-Link to the cloudstack3.ru.css in index.jsp, after cloudstack3.css:

     ...
     <title></title>
     <link type="text/css" rel="stylesheet" href="lib/reset.css"/>
     <link type="text/css" rel="stylesheet" href="css/cloudstack3.css" />
+    <link type="text/css" rel="stylesheet" href="css/cloudstack3.ru.css" />
     <c:if test="${!empty cookie.lang && cookie.lang.value != 'en'}">
     ...

-Brian

-----Original Message-----
From: Даниил Брежнев [mailto:legion.mail@ua.fm]
Sent: Thursday, June 14, 2012 11:39 AM
To: cloudstack-dev@incubator.apache.org<ma...@incubator.apache.org>
Cc: Jessica Wang
Subject: Fwd: psd

Hello And can provide psd for the icons
And then the Russian word does not fit on it


Re: psd

Posted by Brian Federle <Br...@citrix.com>.
Oops, looks like the mailing list doesn't like CSS attachments.

Please paste the contents here into cloudstack3.ru.css:

.network-chart li .view-details {
  /*+placement:anchor-bottom-right 11px 11px;*/
  position: absolute;
  right: 11px;
  bottom: 11px;
  cursor: pointer;
  color: #FFFFFF;
  background: url(../images/buttons-ru.png) no-repeat -201px -503px;
  font-size: 11px;
  padding: 6px 0 7px 10px;
  width: 117px;
  /*+text-shadow:0px 1px 1px #395065;*/
  -moz-text-shadow: 0px 1px 1px #395065;
  -webkit-text-shadow: 0px 1px 1px #395065;
  -o-text-shadow: 0px 1px 1px #395065;
  text-shadow: 0px 1px 1px #395065;
}

.system-chart ul.resources li .button.view-all {
  width: 109px;
  height: 25px;
  background: url(../images/buttons-ru.png) no-repeat -204px -504px;
  /*+placement:shift 0px 34px;*/
  position: relative;
  left: 0px;
  top: 34px;
  position: absolute;
}

.system-chart ul.resources li .button.view-all:hover {
  background-position: -329px -504px;
}

From: Brian Federle <br...@citrix.com>>
Reply-To: "cloudstack-dev@incubator.apache.org<ma...@incubator.apache.org>" <cl...@incubator.apache.org>>
Date: Thu, 14 Jun 2012 12:37:48 -0700
To: "cloudstack-dev@incubator.apache.org<ma...@incubator.apache.org>" <cl...@incubator.apache.org>>
Cc: Jessica Wang <Je...@citrix.com>>
Subject: RE: Fwd: psd

I have made a separate CSS file and sprite sheet, which extends the length of the 'view-all' button to fit the Russian text. Hopefully this will work — unfortunately this button is fixed length for now :(

I have attached a new image and CSS file with the modifications:

-Please add buttons-ru.png to /ui/images
-Please add cloudstack3.ru.css to /ui/css
-Link to the cloudstack3.ru.css in index.jsp, after cloudstack3.css:

     …
     <title></title>
     <link type="text/css" rel="stylesheet" href="lib/reset.css"/>
     <link type="text/css" rel="stylesheet" href="css/cloudstack3.css" />
+    <link type="text/css" rel="stylesheet" href="css/cloudstack3.ru.css" />
     <c:if test="${!empty cookie.lang && cookie.lang.value != 'en'}">
     …

-Brian

-----Original Message-----
From: Даниил Брежнев [mailto:legion.mail@ua.fm]
Sent: Thursday, June 14, 2012 11:39 AM
To: cloudstack-dev@incubator.apache.org<ma...@incubator.apache.org>
Cc: Jessica Wang
Subject: Fwd: psd

Hello And can provide psd for the icons
And then the Russian word does not fit on it