You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2018/03/05 19:06:09 UTC
[royale-asjs] 07/15: test SVG as background in TextButton,
but is not copied to final SWC
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 c2282b7ca07a2bfe8b72614b9ecae4fd15003cf9
Author: Carlos Rovira <ca...@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.