Use detail_level to describe the icons (instead of size)

Previously the icons were organized according to "size" which could prove to be confusing.
This commit fixes that by organizing them according to "detail_level".

CURA-8010
This commit is contained in:
Kostas Karmas 2021-04-28 18:53:32 +02:00
parent 247412b16a
commit f887db23f6
18 changed files with 15 additions and 65 deletions

View file

@ -203,7 +203,7 @@ Cura.ExpandableComponent
anchors.right: extrudersModelCheckBox.right
width: UM.Theme.getSize("layerview_legend_size").width
height: UM.Theme.getSize("layerview_legend_size").height
source: UM.Theme.getIcon("Extruder", "large")
source: UM.Theme.getIcon("Extruder", "medium")
color: model.color
}

View file

@ -22,7 +22,7 @@ Item
id: mainIcon
anchors.fill: parent
source: UM.Theme.getIcon("Extruder", "large")
source: UM.Theme.getIcon("Extruder", "medium")
color: extruderEnabled ? materialColor: UM.Theme.getColor("disabled")
}

View file

@ -53,7 +53,7 @@ Button
anchors.left: parent.left
width: height
height: parent.height - UM.Theme.getSize("narrow_margin").height
source: UM.Theme.getIcon("Extruder", "large")
source: UM.Theme.getIcon("Extruder", "medium")
color: extruderColor
visible: showExtruderSwatches && extruderColor != ""
}

View file

@ -229,7 +229,7 @@ Item
sourceSize.width: width
sourceSize.height: height
source: UM.Theme.getIcon("Extruder", "large")
source: UM.Theme.getIcon("Extruder", "medium")
color: supportExtruderCombobox.color
}
}
@ -299,7 +299,7 @@ Item
sourceSize.width: width
sourceSize.height: height
source: UM.Theme.getIcon("Extruder", "large")
source: UM.Theme.getIcon("Extruder", "medium")
color: supportExtruderCombobox.model.getItem(index).color
}
}

View file

@ -122,15 +122,15 @@ Cura.ExpandablePopup
{
if (connectionStatus == "printer_connected")
{
return UM.Theme.getIcon("CheckBlueBG", "small")
return UM.Theme.getIcon("CheckBlueBG", "low")
}
else if (connectionStatus == "printer_cloud_connected")
{
return UM.Theme.getIcon("CloudBlueBG", "small")
return UM.Theme.getIcon("CloudBlueBG", "low")
}
else if (connectionStatus == "printer_cloud_not_available")
{
return UM.Theme.getIcon("CloudGreyBG", "small")
return UM.Theme.getIcon("CloudGreyBG", "low")
}
else
{

View file

@ -171,7 +171,7 @@ SettingItem
sourceSize.width: width
sourceSize.height: height
source: UM.Theme.getIcon("Extruder", "large")
source: UM.Theme.getIcon("Extruder", "medium")
color: control.color
}
}
@ -240,7 +240,7 @@ SettingItem
sourceSize.width: width
sourceSize.height: height
source: UM.Theme.getIcon("Extruder", "large")
source: UM.Theme.getIcon("Extruder", "medium")
color: control.model.getItem(index).color
}
}

View file

@ -172,7 +172,7 @@ SettingItem
sourceSize.width: width
sourceSize.height: height
source: UM.Theme.getIcon("Extruder", "large")
source: UM.Theme.getIcon("Extruder", "medium")
color: control.color
}
}
@ -237,7 +237,7 @@ SettingItem
sourceSize.width: width
sourceSize.height: height
source: UM.Theme.getIcon("Extruder", "large")
source: UM.Theme.getIcon("Extruder", "medium")
color: control.model.getItem(index).color
}
}

View file

@ -172,7 +172,7 @@ Item
anchors.horizontalCenter: communityColumn.horizontalCenter
fillMode: Image.PreserveAspectFit
width: UM.Theme.getSize("welcome_wizard_cloud_content_image").width
source: UM.Theme.getIcon("PrinterTriple", "large")
source: UM.Theme.getIcon("PrinterTriple", "medium")
sourceSize.width: width
sourceSize.height: height
}

View file

@ -1,22 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
<g id="Layer_1">
<g>
<path d="M12,2C6.477,2,2,6.477,2,12v9h2v-3.018C5.824,20.417,8.723,22,12,22c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2z
M12,20c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S16.418,20,12,20z"/>
<g>
<defs>
<path id="SVGID_1_" d="M13.49,16h-1.9c0,0,0-5.67,0-5.84c-0.078,0.092-0.161,0.179-0.25,0.26l-0.28,0.26l-0.9,0.73l-0.94-1.16
l2.66-2.1h1.62L13.49,16z"/>
</defs>
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
</clipPath>
</g>
</g>
</g>
<g id="Comments">
</g>
</svg>

Before

Width:  |  Height:  |  Size: 863 B

View file

@ -1,18 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
<g id="Layer_1">
<g>
<path d="M12,2C6.477,2,2,6.477,2,12v9h2v-3.018C5.824,20.417,8.723,22,12,22c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2z
M12,20c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S16.418,20,12,20z"/>
<path d="M14.79,16H9.21v-1.26l1.94-2c0.4-0.41,0.71-0.75,0.95-1c0.195-0.208,0.363-0.44,0.5-0.69
c0.099-0.202,0.15-0.425,0.15-0.65c0.022-0.232-0.072-0.46-0.25-0.61c-0.18-0.13-0.398-0.197-0.62-0.19
c-0.286,0.002-0.568,0.074-0.82,0.21c-0.311,0.168-0.603,0.369-0.87,0.6l-1-1.2c0.233-0.203,0.476-0.394,0.73-0.57
c0.278-0.194,0.585-0.342,0.91-0.44c0.396-0.133,0.812-0.201,1.23-0.2c0.469-0.014,0.935,0.082,1.36,0.28
c0.358,0.166,0.663,0.43,0.88,0.76c0.206,0.326,0.314,0.704,0.31,1.09c0.004,0.414-0.085,0.824-0.26,1.2
c-0.187,0.395-0.437,0.756-0.74,1.07c-0.33,0.35-0.74,0.74-1.21,1.18l-0.82,0.75v0.07h3.21V16z"/>
</g>
</g>
<g id="Comments">
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

View file

@ -1,10 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
<g id="Layer_1">
<path style="fill:#231F20;" d="M12,20c-4.411,0-8-3.589-8-8s3.589-8,8-8s8,3.589,8,8S16.411,20,12,20z M12,6c-3.309,0-6,2.691-6,6
s2.691,6,6,6s6-2.691,6-6S15.309,6,12,6z"/>
</g>
<g id="Comments">
</g>
</svg>

Before

Width:  |  Height:  |  Size: 467 B

View file

Before

Width:  |  Height:  |  Size: 439 B

After

Width:  |  Height:  |  Size: 439 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 485 B

After

Width:  |  Height:  |  Size: 485 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 485 B

After

Width:  |  Height:  |  Size: 485 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 130 B

After

Width:  |  Height:  |  Size: 130 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 505 B

After

Width:  |  Height:  |  Size: 505 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 588 B

After

Width:  |  Height:  |  Size: 588 B

Before After
Before After

View file

@ -422,7 +422,7 @@ QtObject
height: Math.round(parent.height / 2.5)
sourceSize.height: width
color: Theme.getColor("checkbox_mark")
source: control.exclusiveGroup ? Theme.getIcon("Dot", "small") : Theme.getIcon("Check")
source: control.exclusiveGroup ? Theme.getIcon("Dot", "low") : Theme.getIcon("Check")
opacity: control.checked
Behavior on opacity { NumberAnimation { duration: 100; } }
}
@ -472,7 +472,7 @@ QtObject
}
else
{
return control.exclusiveGroup ? Theme.getIcon("Dot", "small") : Theme.getIcon("Check");
return control.exclusiveGroup ? Theme.getIcon("Dot", "low") : Theme.getIcon("Check");
}
}
opacity: control.checked