Skip to content
Snippets Groups Projects
Commit d6b13dab authored by Jens Bache-Wiig's avatar Jens Bache-Wiig
Browse files

Fixes: Redesigned the welcome screen header

Details:
I removed the beveled nokia font and redesigned the "tab bar"
from scratch. Should look a bit more shiny now. I'm aware of
the 'Q' going below the baseline but I think we can live with
it for now..
parent d6c313ae
No related branches found
No related tags found
No related merge requests found
src/plugins/coreplugin/images/welcomemode/center_frame_header.png

13.3 KiB | W: | H:

src/plugins/coreplugin/images/welcomemode/center_frame_header.png

13 KiB | W: | H:

src/plugins/coreplugin/images/welcomemode/center_frame_header.png
src/plugins/coreplugin/images/welcomemode/center_frame_header.png
src/plugins/coreplugin/images/welcomemode/center_frame_header.png
src/plugins/coreplugin/images/welcomemode/center_frame_header.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -99,7 +99,7 @@ background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 ...@@ -99,7 +99,7 @@ background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0
<property name="minimumSize"> <property name="minimumSize">
<size> <size>
<width>649</width> <width>649</width>
<height>89</height> <height>74</height>
</size> </size>
</property> </property>
<property name="maximumSize"> <property name="maximumSize">
...@@ -125,24 +125,54 @@ background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 ...@@ -125,24 +125,54 @@ background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0
</item> </item>
<item> <item>
<widget class="QFrame" name="navFrame"> <widget class="QFrame" name="navFrame">
<property name="sizePolicy">
<sizepolicy hsizetype="Preferred" vsizetype="Fixed">
<horstretch>0</horstretch>
<verstretch>0</verstretch>
</sizepolicy>
</property>
<property name="font">
<font>
<weight>50</weight>
<bold>false</bold>
</font>
</property>
<property name="autoFillBackground"> <property name="autoFillBackground">
<bool>false</bool> <bool>false</bool>
</property> </property>
<property name="styleSheet"> <property name="styleSheet">
<string notr="true">#navFrame QToolButton { <string notr="true">QToolButton {
border: none; background-color: qlineargradient(x1: 0, y1: 0, x2: 0.0, y2: 1.0,
font-size: 10pt; stop: 0 #777777,
color: grey; stop: 0.4 #606060,
stop: 0.401 #575757,
stop: 1 #333333);
border: 0px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
color: white;
} }
#navFrame QToolButton:hover { QToolButton:hover {
color: black; background-color: qlineargradient(x1: 0, y1: 0, x2: 0.0, y2: 1.0,
stop: 0 #808080,
stop: 0.4 #707070,
stop: 0.401 #606060,
stop: 1 #333333);
} }
#navFrame QToolButton:checked {
color: black; QToolButton:checked {
border-bottom: 1px solid ; background-color: qlineargradient(x1: 0, y1: 0, x2: 0.0, y2: 1.0,
}</string> stop: 0 #ffffff,
stop: 0.4 #eeeeee,
stop: 0.401 #dddddd,
stop: 1 #cccccc);
color: black;
border-top: 1px solid #606060;
border-bottom: 1px solid #404040;
}
</string>
</property> </property>
<property name="frameShape"> <property name="frameShape">
<enum>QFrame::NoFrame</enum> <enum>QFrame::NoFrame</enum>
...@@ -151,23 +181,49 @@ background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 ...@@ -151,23 +181,49 @@ background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0
<enum>QFrame::Plain</enum> <enum>QFrame::Plain</enum>
</property> </property>
<layout class="QGridLayout" name="gridLayout_2"> <layout class="QGridLayout" name="gridLayout_2">
<property name="leftMargin"> <property name="margin">
<number>0</number>
</property>
<property name="rightMargin">
<number>0</number> <number>0</number>
</property> </property>
<property name="bottomMargin"> <property name="spacing">
<number>0</number> <number>0</number>
</property> </property>
<item row="0" column="0"> <item row="0" column="0">
<widget class="QToolButton" name="gettingStartedSectButton"> <widget class="QToolButton" name="gettingStartedSectButton">
<property name="enabled">
<bool>true</bool>
</property>
<property name="sizePolicy">
<sizepolicy hsizetype="Expanding" vsizetype="Preferred">
<horstretch>0</horstretch>
<verstretch>0</verstretch>
</sizepolicy>
</property>
<property name="minimumSize">
<size>
<width>0</width>
<height>24</height>
</size>
</property>
<property name="font">
<font>
<weight>75</weight>
<bold>true</bold>
</font>
</property>
<property name="styleSheet">
<string notr="true">QToolButton {
border-right: 1px solid #555555;
}</string>
</property>
<property name="text"> <property name="text">
<string>Getting Started</string> <string>Getting Started</string>
</property> </property>
<property name="checkable"> <property name="checkable">
<bool>true</bool> <bool>true</bool>
</property> </property>
<property name="checked">
<bool>true</bool>
</property>
<property name="autoExclusive"> <property name="autoExclusive">
<bool>false</bool> <bool>false</bool>
</property> </property>
...@@ -175,6 +231,24 @@ background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 ...@@ -175,6 +231,24 @@ background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0
</item> </item>
<item row="0" column="1"> <item row="0" column="1">
<widget class="QToolButton" name="developSectButton"> <widget class="QToolButton" name="developSectButton">
<property name="sizePolicy">
<sizepolicy hsizetype="Expanding" vsizetype="Fixed">
<horstretch>0</horstretch>
<verstretch>0</verstretch>
</sizepolicy>
</property>
<property name="minimumSize">
<size>
<width>0</width>
<height>24</height>
</size>
</property>
<property name="font">
<font>
<weight>75</weight>
<bold>true</bold>
</font>
</property>
<property name="text"> <property name="text">
<string>Develop</string> <string>Develop</string>
</property> </property>
...@@ -188,6 +262,29 @@ background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 ...@@ -188,6 +262,29 @@ background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0
</item> </item>
<item row="0" column="2"> <item row="0" column="2">
<widget class="QToolButton" name="communitySectButton"> <widget class="QToolButton" name="communitySectButton">
<property name="sizePolicy">
<sizepolicy hsizetype="Expanding" vsizetype="Fixed">
<horstretch>0</horstretch>
<verstretch>0</verstretch>
</sizepolicy>
</property>
<property name="minimumSize">
<size>
<width>0</width>
<height>24</height>
</size>
</property>
<property name="font">
<font>
<weight>75</weight>
<bold>true</bold>
</font>
</property>
<property name="styleSheet">
<string notr="true">QToolButton {
border-left: 1px solid #555555;
}</string>
</property>
<property name="text"> <property name="text">
<string>Community</string> <string>Community</string>
</property> </property>
...@@ -196,6 +293,22 @@ background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 ...@@ -196,6 +293,22 @@ background-color: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0
</property> </property>
</widget> </widget>
</item> </item>
<item row="0" column="3">
<spacer name="horizontalSpacer_2">
<property name="orientation">
<enum>Qt::Horizontal</enum>
</property>
<property name="sizeType">
<enum>QSizePolicy::Fixed</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
<width>5</width>
<height>20</height>
</size>
</property>
</spacer>
</item>
</layout> </layout>
</widget> </widget>
</item> </item>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment