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 92fd958c9386b7d5c3af32081dafc30560d1ec34 Author: Carlos Rovira <carlosrov...@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 carlosrov...@apache.org.