Skip to content

Commit

Permalink
refine style and layout of games.ui
Browse files Browse the repository at this point in the history 
info to Create Custom Game below title, like ladder
Custom Game title to the left
match back and hover colors
style search progress bar
  • Loading branch information
@GrotheFAF
GrotheFAF committed Jan 19, 2018
1 parent 1afb1f0 commit 67d8010
Show file tree
Hide file tree
Showing 2 changed files with 67 additions and 87 deletions.
26 changes: 10 additions & 16 deletions res/client/client.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -241,21 +241,6 @@ QTextEdit, QPlainTextEdit, QLineEdit, QListWidget, QListView, QTableWidget, QTre

}

/* Modlist */
QFrame#rankedFrame
{
border-style:solid;
border-width:1px;
border-color:#353535;
color:silver;
padding:5px;
background-color:#303038;
border-bottom-left-radius : 5px;
border-bottom-right-radius : 5px;
}



/* Nicklist controls */

QTableWidget::item
Expand Down Expand Up @@ -477,6 +462,15 @@ QToolButton#rankedPlay
border-radius: 5px;
border: 1px solid grey;
}

QProgressBar#searchProgress
{
background-color: silver;
padding: 2px;
border-radius: 5px;
border: 1px solid grey;
}

QToolButton#laddermapspool
{
color: silver;
Expand All @@ -499,7 +493,7 @@ QToolButton::hover

color:silver;
padding:5px;
background-color:#808080;
background-color:#606060;
border-radius : 5px;
}

Expand Down
128 changes: 57 additions & 71 deletions res/games/games.ui
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,9 @@
<number>0</number>
</property>
<layout class="QVBoxLayout" name="verticalLayout_2">
<property name="spacing">
<number>6</number>
</property>
<property name="margin">
<number>0</number>
</property>
Expand All @@ -47,6 +50,40 @@
<number>0</number>
</property>
<layout class="QHBoxLayout" name="gameListHeaderLayout">
<property name="spacing">
<number>6</number>
</property>
<property name="margin">
<number>0</number>
</property>
<item>
<widget class="QLabel" name="labelJoinGame">
<property name="palette">
<palette>
<active/>
<inactive/>
<disabled/>
</palette>
</property>
<property name="font">
<font>
<family>Segoe UI</family>
<pointsize>12</pointsize>
<weight>75</weight>
<bold>true</bold>
</font>
</property>
<property name="text">
<string>Custom Games</string>
</property>
<property name="margin">
<number>0</number>
</property>
<property name="indent">
<number>0</number>
</property>
</widget>
</item>
<item>
<widget class="QLabel" name="labelSortGames">
<property name="sizePolicy">
Expand All @@ -65,7 +102,7 @@
<property name="font">
<font>
<family>Segoe UI</family>
<pointsize>12</pointsize>
<pointsize>8</pointsize>
<weight>75</weight>
<bold>true</bold>
</font>
Expand Down Expand Up @@ -98,31 +135,6 @@
</property>
</widget>
</item>
<item>
<widget class="QLabel" name="labelJoinGame">
<property name="palette">
<palette>
<active/>
<inactive/>
<disabled/>
</palette>
</property>
<property name="font">
<font>
<family>Segoe UI</family>
<pointsize>12</pointsize>
<weight>75</weight>
<bold>true</bold>
</font>
</property>
<property name="text">
<string>Custom Games</string>
</property>
<property name="alignment">
<set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
</property>
</widget>
</item>
</layout>
</widget>
</item>
Expand Down Expand Up @@ -181,6 +193,9 @@
<number>0</number>
</property>
<layout class="QVBoxLayout" name="verticalLayout">
<property name="spacing">
<number>6</number>
</property>
<property name="margin">
<number>0</number>
</property>
Expand Down Expand Up @@ -271,10 +286,13 @@
<property name="margin">
<number>0</number>
</property>
<property name="spacing">
<property name="horizontalSpacing">
<number>0</number>
</property>
<item row="4" column="0">
<property name="verticalSpacing">
<number>6</number>
</property>
<item row="3" column="0">
<widget class="QProgressBar" name="searchProgress">
<property name="font">
<font>
Expand All @@ -301,22 +319,6 @@
</property>
</widget>
</item>
<item row="5" column="0">
<spacer name="verticalSpacer">
<property name="orientation">
<enum>Qt::Vertical</enum>
</property>
<property name="sizeType">
<enum>QSizePolicy::Minimum</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
<width>5</width>
<height>5</height>
</size>
</property>
</spacer>
</item>
<item row="1" column="0">
<layout class="QHBoxLayout" name="horizontalLayout_2">
<property name="spacing">
Expand Down Expand Up @@ -532,7 +534,7 @@
</item>
</layout>
</item>
<item row="3" column="0">
<item row="2" column="0">
<widget class="QToolButton" name="rankedPlay">
<property name="sizePolicy">
<sizepolicy hsizetype="Expanding" vsizetype="Fixed">
Expand Down Expand Up @@ -566,22 +568,6 @@
</property>
</widget>
</item>
<item row="2" column="0">
<spacer name="verticalSpacer_2">
<property name="orientation">
<enum>Qt::Vertical</enum>
</property>
<property name="sizeType">
<enum>QSizePolicy::Fixed</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
<width>20</width>
<height>5</height>
</size>
</property>
</spacer>
</item>
</layout>
</widget>
</item>
Expand All @@ -600,6 +586,16 @@
</property>
</widget>
</item>
<item>
<widget class="QLabel" name="labelModHint">
<property name="text">
<string>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;Try it: FAF manages mods for you, quick and easy. Mouse over each icon for a short summary of its content &amp;amp; rules. Double-click to host a game.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</string>
</property>
<property name="wordWrap">
<bool>true</bool>
</property>
</widget>
</item>
<item>
<widget class="QListWidget" name="modList">
<property name="sizePolicy">
Expand Down Expand Up @@ -649,16 +645,6 @@
</property>
</widget>
</item>
<item>
<widget class="QLabel" name="labelModHint">
<property name="text">
<string>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;Try it: FAF manages mods for you, quick and easy. Mouse over each icon for a short summary of its content &amp;amp; rules. Double-click to host a game.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</string>
</property>
<property name="wordWrap">
<bool>true</bool>
</property>
</widget>
</item>
</layout>
</widget>
</item>
Expand Down

0 comments on commit 67d8010

Please sign in to comment.