Refactor style sheet to be more structurated

This commit is contained in:
Angela Mazzurco 2017-06-08 17:40:40 +02:00
parent 81a8677226
commit 78206c5a00
4 changed files with 87 additions and 24 deletions

View File

@ -11,14 +11,7 @@ Item {
height: bubble.height
width: parent.width
// property int lMarginBubble: 10
// property int rMarginBubble: 10
// property int tMarginBubble: 5
// property int bMarginBubble: 10
// property int aditionalBubbleHeight: tMarginBubble * 2
// property int aditionalBubbleWidth: 30
property var styles: StyleChatBubble
property var styles: StyleChat.bubble
Rectangle {

View File

@ -0,0 +1,67 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
height="80"
style="enable-background:new 0 0 110 110;"
version="1.0"
viewBox="0 0 110 110"
width="80"
xml:space="preserve"
id="svg2"
inkscape:version="0.91 r13725"
sodipodi:docname="send-message.svg"><metadata
id="metadata20"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs18" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1009"
id="namedview16"
showgrid="false"
inkscape:zoom="1.5170655"
inkscape:cx="-223.56963"
inkscape:cy="132.17218"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" /><g
id="Artboard" /><g
inkscape:groupmode="layer"
id="layer1"
inkscape:label="Layer 1"
style="display:inline"><circle
id="circle6"
style="fill:#039bd5;fill-opacity:1"
r="55"
cy="55"
cx="55" /><path
style="fill:#000000;fill-opacity:0.15686275"
d="m 86.25465,28.530776 -73.5093,36.754649 13.782994,9.188663 9.188662,18.377325 7.656472,-7.656472 17.61235,8.805054 25.268822,-65.469219 z"
id="use4142"
inkscape:connector-curvature="0" /><polygon
points="43,83 43,73 49.67,76.33 "
style="fill:#b7bebf;fill-opacity:1"
id="polygon10"
transform="matrix(1.1485828,0,0,1.1485828,-13.672054,-7.0752906)" /><polygon
points="65,84 43,73 43,83 35,67 23,59 87,27 "
style="fill:#ffffff"
id="polygon12"
transform="matrix(1.1485828,0,0,1.1485828,-13.672054,-7.0752906)" /><polygon
points="43,83 43,73 87,27 35,67 "
style="fill:#cfd3d5;fill-opacity:1"
id="polygon14"
transform="matrix(1.1485828,0,0,1.1485828,-13.672054,-7.0752906)" /></g></svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -1,5 +1,5 @@
singleton TokensManager 1.0 TokensManager.qml
singleton ClipboardWrapper 1.0 ClipboardWrapper.qml
singleton ChatCache ChatCache.qml
singleton StyleChatBubble styles/ChatBubblesStyle.qml
singleton StyleChat styles/ChatBubblesStyle.qml

View File

@ -3,24 +3,27 @@ pragma Singleton
QtObject {
// Bubble measures
readonly property int lMarginBubble: 10
readonly property int rMarginBubble: 10
readonly property int tMarginBubble: 5
readonly property int bMarginBubble: 10
readonly property int aditionalBubbleHeight: tMarginBubble * 2
readonly property int aditionalBubbleWidth: 30
readonly property real bubbleMaxWidth: 0.5 // % from parent
property QtObject bubble: QtObject{
// Bubble measures
readonly property int lMarginBubble: 10
readonly property int rMarginBubble: 10
readonly property int tMarginBubble: 5
readonly property int bMarginBubble: 10
readonly property int aditionalBubbleHeight: tMarginBubble * 2
readonly property int aditionalBubbleWidth: 30
readonly property real bubbleMaxWidth: 0.5 // % from parent
// BubbleProps
readonly property int radius: 5
// BubbleProps
readonly property int radius: 5
// Colors
readonly property string colorIncoming: "lightGreen"
readonly property string colorOutgoing: "aliceblue"
readonly property string colorSenderName: "cornflowerblue"
readonly property string colorMessageTime: "grey"
// Colors
readonly property string colorIncoming: "lightGreen"
readonly property string colorOutgoing: "aliceblue"
readonly property string colorSenderName: "cornflowerblue"
readonly property string colorMessageTime: "grey"
}
}