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 f004510928535429b7a7376e37b34568165f4296 Author: Carlos Rovira <[email protected]> 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 [email protected].
