royale-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From carlosrov...@apache.org
Subject [royale-asjs] branch feature/vivid-ui-set updated: initial svg tests, still need 9slice scaling
Date Sat, 03 Mar 2018 15:36:10 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


The following commit(s) were added to refs/heads/feature/vivid-ui-set by this push:
     new 379e0a1  initial svg tests, still need 9slice scaling
379e0a1 is described below

commit 379e0a1e567650ddf6666aa4c1a2c7b51c4fa640
Author: Carlos Rovira <carlosrovira@apache.org>
AuthorDate: Sat Mar 3 16:36:06 2018 +0100

    initial svg tests, still need 9slice scaling
---
 .../src/main/resources/TextButton.css              | 13 ++++---
 .../src/main/resources/assets/JewelButton.svg      | 43 ++++++++++++++++++++++
 2 files changed, 51 insertions(+), 5 deletions(-)

diff --git a/frameworks/themes/VividBlueTheme/src/main/resources/TextButton.css b/frameworks/themes/VividBlueTheme/src/main/resources/TextButton.css
index 20f3bef..84778d5 100644
--- a/frameworks/themes/VividBlueTheme/src/main/resources/TextButton.css
+++ b/frameworks/themes/VividBlueTheme/src/main/resources/TextButton.css
@@ -24,10 +24,13 @@
 * Vivid TextButton
 */
 
-TextButton {
+TextButton, TextButton:hover {
+	border: none;
 	/* Background: */
-	background: url(assets/buttonbackground.svg) no-repeat top left;
-	background-size: contain;
+	background: url(assets/JewelButton.svg);
+	background-size: cover;
+	width: fit-content;
+	height: fit-content;
 	
 	/*background-color: #D8D8D8;
 	border: 1px solid #979797;
@@ -51,6 +54,6 @@ TextButton:hover {
 }
 
 TextButton:active {
-    /*background-color: #77CEFF;
-    color: #FFFFFF;*/
+	background-color: #77CEFF;
+    color: #FFFFFF;
 }
\ No newline at end of file
diff --git a/frameworks/themes/VividBlueTheme/src/main/resources/assets/JewelButton.svg b/frameworks/themes/VividBlueTheme/src/main/resources/assets/JewelButton.svg
new file mode 100644
index 0000000..31ed58a
--- /dev/null
+++ b/frameworks/themes/VividBlueTheme/src/main/resources/assets/JewelButton.svg
@@ -0,0 +1,43 @@
+<!--
+
+  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 viewBox="0 0 152 42" preserveAspectRatio="none" version="1.1" 
+    xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <linearGradient x1="50%" y1="3.10307717%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FF893B" offset="0%"></stop>
+            <stop stop-color="#FA461E" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-2" x="0" y="0" width="150" height="40" rx="3" shape-rendering="crispEdges"></rect>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="98.2362085%" id="linearGradient-3">
+            <stop stop-color="#FFBA8E" offset="0%"></stop>
+            <stop stop-color="#E6431D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="JewelButton" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Button" transform="translate(1.000000, 1.000000)">
+            <g id="Background">
+                <g>
+                    <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-2"></use>
+                    <rect stroke="#A93116" stroke-width="1" x="-0.5" y="-0.5" width="151"
height="41" rx="3" shape-rendering="crispEdges"></rect>
+                </g>
+                <rect stroke="url(#linearGradient-3)" x="0.5" y="0.5" width="149" height="39"
rx="3" shape-rendering="crispEdges"></rect>
+            </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