royale-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From carlosrov...@apache.org
Subject [royale-asjs] 07/08: test SVG as background in TextButton, but is not copied to final SWC
Date Sun, 25 Feb 2018 08:34:03 GMT
This is an automated email from the ASF dual-hosted git repository.

carlosrovira pushed a commit to branch feature/vivid-ui-set
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git

commit fec48cae77bec94759ebfbb12c920f07f4d13fa6
Author: Carlos Rovira <carlosrovira@apache.org>
AuthorDate: Sat Feb 24 18:53:43 2018 +0100

    test SVG as background in TextButton, but is not copied to final SWC
---
 .../src/main/resources/TextButton.css              | 14 ++++--
 .../src/main/resources/assets/buttonbackground.svg | 57 ++++++++++++++++++++++
 2 files changed, 68 insertions(+), 3 deletions(-)

diff --git a/frameworks/themes/VividBlueTheme/src/main/resources/TextButton.css b/frameworks/themes/VividBlueTheme/src/main/resources/TextButton.css
index 05ca704..8e688fc 100644
--- a/frameworks/themes/VividBlueTheme/src/main/resources/TextButton.css
+++ b/frameworks/themes/VividBlueTheme/src/main/resources/TextButton.css
@@ -26,16 +26,24 @@
 
 TextButton {
 	/* Background: */
-	background-color: #D8D8D8;
+	background: url(assets/buttonbackground.svg) no-repeat top left;
+	  background-size: contain;
+	  border: none;
+	
+	/*background-color: #D8D8D8;
 	border: 1px solid #979797;
-	border-radius: 3px;
+	border-radius: 3px;*/
 
 	/* TextField: */
 	font-family: 'Lato', sans-serif;
 	font-size: 13px;
-	color: #646D7A;
+	color: #fff;
 }
 
+/*.no-svg .main-header {
+  background-image: url(logo.png);
+}*/
+
 TextButton:hover {
     background-color: #CFCFCF;
     vertical-align: middle;
diff --git a/frameworks/themes/VividBlueTheme/src/main/resources/assets/buttonbackground.svg
b/frameworks/themes/VividBlueTheme/src/main/resources/assets/buttonbackground.svg
new file mode 100644
index 0000000..f7f225d
--- /dev/null
+++ b/frameworks/themes/VividBlueTheme/src/main/resources/assets/buttonbackground.svg
@@ -0,0 +1,57 @@
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<svg width="160px" height="50px" viewBox="0 0 160 50" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="58.2513034%" y1="100%" x2="58.2513034%" y2="0%" id="linearGradient-1">
+            <stop stop-color="#C8C8C8" offset="0%"></stop>
+            <stop stop-color="#979797" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-2" x="0" y="0" width="150" height="40" rx="3"></rect>
+        <linearGradient x1="50%" y1="3.10307717%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FF893B" offset="0%"></stop>
+            <stop stop-color="#FA461E" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-4" x="0" y="0" width="150" height="40" rx="3"></rect>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="98.2362085%" id="linearGradient-5">
+            <stop stop-color="#FFBA8E" offset="0%"></stop>
+            <stop stop-color="#E6431D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Royale-Vivid" transform="translate(-53.000000, -44.000000)">
+            <g id="Button" transform="translate(58.000000, 49.000000)">
+                <g id="Background">
+                    <g>
+                        <g>
+                            <use fill="#FDDBC7" fill-rule="evenodd" xlink:href="#path-2"></use>
+                            <rect stroke="url(#linearGradient-1)" stroke-width="5" x="-2.5"
y="-2.5" width="155" height="45" rx="3"></rect>
+                        </g>
+                        <g>
+                            <use fill="url(#linearGradient-3)" fill-rule="evenodd" xlink:href="#path-4"></use>
+                            <rect stroke="#A93116" stroke-width="1" x="-0.5" y="-0.5"
width="151" height="41" rx="3"></rect>
+                        </g>
+                        <rect stroke="url(#linearGradient-5)" x="0.5" y="0.5" width="149"
height="39" rx="3"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file

-- 
To stop receiving notification emails like this one, please contact
carlosrovira@apache.org.

Mime
View raw message