From 346d53b0342d8a1d543887560a28cc45f211d9ad Mon Sep 17 00:00:00 2001 From: Bastien Bouclet Date: Sat, 28 Dec 2019 10:43:58 +0100 Subject: GUI: Add finer control over cross-direction alignment for layout items Previously it was only possible to specify whether items where aligned to the start or centered in the cross direction of the layouts. It is now additionally possible to align the items to the far end of the cross direction or to resize them to match the size of the layout. Terminology and behavior are loosely based on CSS's flexbox containers. --- gui/themes/scummmodern/scummmodern_layout.stx | 183 ++++++++++----------- .../scummmodern/scummmodern_layout_lowres.stx | 162 +++++++++--------- 2 files changed, 171 insertions(+), 174 deletions(-) (limited to 'gui/themes/scummmodern') diff --git a/gui/themes/scummmodern/scummmodern_layout.stx b/gui/themes/scummmodern/scummmodern_layout.stx index b3a6ef205f..71f3d78ff6 100644 --- a/gui/themes/scummmodern/scummmodern_layout.stx +++ b/gui/themes/scummmodern/scummmodern_layout.stx @@ -77,9 +77,6 @@ - @@ -134,7 +131,7 @@ - + - + @@ -288,7 +285,7 @@ type = 'SmallLabel' /> - + @@ -309,7 +306,7 @@ - + @@ -317,7 +314,7 @@ type = 'PopUp' /> - + @@ -325,7 +322,7 @@ type = 'PopUp' /> - + @@ -347,7 +344,7 @@ - + @@ -360,7 +357,7 @@ - + @@ -368,7 +365,7 @@ type = 'PopUp' /> - + @@ -407,7 +404,7 @@ - + @@ -418,7 +415,7 @@ type = 'SmallLabel' /> - + @@ -429,7 +426,7 @@ type = 'SmallLabel' /> - + @@ -441,7 +438,7 @@ /> - + @@ -451,7 +448,7 @@ - + @@ -459,7 +456,7 @@ type = 'PopUp' /> - + @@ -474,7 +471,7 @@ - + @@ -495,7 +492,7 @@ - + @@ -514,7 +511,7 @@ - + @@ -526,7 +523,7 @@ width = 'Globals.Line.Height' /> - + @@ -538,7 +535,7 @@ width = 'Globals.Line.Height' /> - + @@ -550,7 +547,7 @@ width = 'Globals.Line.Height' /> - + @@ -563,7 +560,7 @@ - + @@ -571,7 +568,7 @@ height = 'Globals.Line.Height' /> - + @@ -579,7 +576,7 @@ type = 'PopUp' /> - + @@ -587,7 +584,7 @@ type = 'PopUp' /> - + @@ -595,17 +592,17 @@ type = 'PopUp' /> - + - + - + @@ -643,7 +640,7 @@ /> - + - + - + - + - + - + - + - + - + - + @@ -763,7 +760,7 @@ - + @@ -771,7 +768,7 @@ height = 'Globals.Line.Height' /> - + @@ -783,7 +780,7 @@ width = 'Globals.Line.Height' /> - + @@ -796,7 +793,7 @@ width = 'Globals.Line.Height' /> - + @@ -850,7 +847,7 @@ - + - + - + - + @@ -946,7 +943,7 @@ - + @@ -1037,7 +1034,7 @@ - + @@ -1045,7 +1042,7 @@ type = 'PopUp' /> - + @@ -1053,7 +1050,7 @@ type = 'PopUp' /> - + @@ -1061,7 +1058,7 @@ type = 'PopUp' /> - + @@ -1074,7 +1071,7 @@ - + @@ -1086,7 +1083,7 @@ width = 'Globals.Line.Height' /> - + @@ -1098,7 +1095,7 @@ width = 'Globals.Line.Height' /> - + @@ -1136,7 +1133,7 @@ - + - - + + @@ -1198,7 +1195,7 @@ type = 'SmallLabel' /> - + @@ -1209,7 +1206,7 @@ type = 'SmallLabel' /> - + @@ -1222,7 +1219,7 @@ - + @@ -1297,7 +1294,7 @@ - + @@ -1309,7 +1306,7 @@ height = 'Globals.Line.Height' /> - + @@ -1321,7 +1318,7 @@ height = 'Globals.Line.Height' /> - + @@ -1333,7 +1330,7 @@ height = 'Globals.Line.Height' /> - + @@ -1345,7 +1342,7 @@ height = 'Globals.Line.Height' /> - + @@ -1361,7 +1358,7 @@ - + @@ -1373,7 +1370,7 @@ height = 'Globals.Line.Height' /> - + @@ -1385,7 +1382,7 @@ height = 'Globals.Line.Height' /> - + @@ -1397,7 +1394,7 @@ height = 'Globals.Line.Height' /> - + @@ -1414,7 +1411,7 @@ - + @@ -1426,7 +1423,7 @@ - + - + - + - + @@ -1576,7 +1573,7 @@ - + - + - + - + - + - - + + @@ -1733,7 +1730,7 @@ - + - + - + @@ -287,7 +287,7 @@ - + @@ -295,7 +295,7 @@ type = 'PopUp' /> - + @@ -303,7 +303,7 @@ type = 'PopUp' /> - + @@ -325,7 +325,7 @@ - + @@ -338,7 +338,7 @@ - + @@ -346,7 +346,7 @@ type = 'PopUp' /> - + @@ -354,7 +354,7 @@ type = 'PopUp' /> - + @@ -368,7 +368,7 @@ type = 'Radiobutton' /> - + @@ -417,7 +417,7 @@ type = 'SmallLabel' /> - + - + @@ -436,7 +436,7 @@ type = 'PopUp' /> - + @@ -451,7 +451,7 @@ - + @@ -472,7 +472,7 @@ - + @@ -491,7 +491,7 @@ - + @@ -503,7 +503,7 @@ width = 'Globals.Line.Height' /> - + @@ -515,7 +515,7 @@ width = 'Globals.Line.Height' /> - + @@ -527,7 +527,7 @@ width = 'Globals.Line.Height' /> - + @@ -540,7 +540,7 @@ - + @@ -548,7 +548,7 @@ height = 'Globals.Line.Height' /> - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + @@ -749,7 +749,7 @@ - + @@ -757,7 +757,7 @@ height = 'Globals.Line.Height' /> - + @@ -769,7 +769,7 @@ width = 'Globals.Line.Height' /> - + - + @@ -856,7 +856,7 @@ - + - + - + @@ -903,7 +903,7 @@ type = 'Button' /> - + @@ -930,7 +930,7 @@ - + @@ -1021,7 +1021,7 @@ - + - + - + - + - + @@ -1079,7 +1079,7 @@ width = 'Globals.Line.Height' /> - + @@ -1091,7 +1091,7 @@ width = 'Globals.Line.Height' /> - + @@ -1129,7 +1129,7 @@ - + - + @@ -1189,7 +1189,7 @@ type = 'SmallLabel' /> - + @@ -1200,7 +1200,7 @@ type = 'SmallLabel' /> - + @@ -1211,7 +1211,7 @@ type = 'SmallLabel' /> - + - + - + - + @@ -1289,7 +1289,7 @@ - + @@ -1301,7 +1301,7 @@ height = 'Globals.Line.Height' /> - + @@ -1313,7 +1313,7 @@ height = 'Globals.Line.Height' /> - + @@ -1325,7 +1325,7 @@ height = 'Globals.Line.Height' /> - + @@ -1337,7 +1337,7 @@ height = 'Globals.Line.Height' /> - + @@ -1353,7 +1353,7 @@ - + @@ -1365,7 +1365,7 @@ height = 'Globals.Line.Height' /> - + @@ -1377,7 +1377,7 @@ height = 'Globals.Line.Height' /> - + @@ -1389,7 +1389,7 @@ height = 'Globals.Line.Height' /> - + @@ -1406,7 +1406,7 @@ - + @@ -1418,7 +1418,7 @@ - + @@ -1446,7 +1446,7 @@ - + - + - + @@ -1549,7 +1549,7 @@ - + - + @@ -1638,7 +1638,7 @@ - + - + - - + + @@ -1704,7 +1704,7 @@ - +