ui: reworked StartScreen and ProjectSettupScreen UI flow

* realigned buttons and elements
* fixed retina styles for mac
* removed MessageLoadSource and subsequent functionality
* edit existing project through menu
* browsing paths from the line item in QtDirectoryListBox
* grow QtDirectoryListBox instead of scroll
* take any file or directory as valid path
* fixed new project setup screen background
* fixed screen handling on cancelation
This commit is contained in:
Eberhard Graether
2015-09-04 10:54:37 +02:00
parent 1b445d4c3a
commit 5ab627b735
30 changed files with 688 additions and 338 deletions
+52 -15
View File
@@ -1,27 +1,64 @@
.QtDirectoryListBox {
border: 1px solid lightgray;
border-radius: 15px;
background-color: rgba(255, 255, 255, 200);
QtDirectoryListBox {
background-color: rgba(255, 255, 255, 200);
border: 1px solid lightgray;
border-radius: 12px;
}
.QListWidget {
border: none;
background: transparent;
QListWidget {
background: transparent;
border: none;
margin: 2px 0 2px 0;
}
QListWidget::item {
border-bottom: 1px solid lightgray;
height: 20px;
}
QListWidget::item:selected {
background-color: #EEE;
}
QtListItemWidget #field {
background-color: transparent;
border: none;
font-size: 12px;
margin-top: 2px;
}
QtListItemWidget #button {
border: 1px solid lightgray;
border-radius: 8px;
font-size: 12px;
margin-top: 2px;
margin-right: 2px;
width: 20px;
}
QtListItemWidget #button:hover {
color: white;
background: #2D3F85;
}
#bar {
border-top: 1px solid lightgray;
}
#roundedButton {
font-size: 15px;
color: white;
border-radius: 10px;
background: dimgray;
width: 20px;
height: 20px;
background: dimgray;
border-radius: 8px;
color: white;
font-size: 15px;
height: 16px;
margin-right: 3px;
width: 16px;
}
#roundedButton:hover {
background: lightgray;
background: gray;
}
#dropInfo {
color: lightgray;
color: lightgray;
}
@@ -1,39 +1,63 @@
#titleLabel {
color: black;
font-size: 16pt;
font-weight: bold;
}
QLineEdit {
border-radius: 10px;
border: 1px solid lightgrey;
background-color: rgba(255, 255, 255, 200);
background-color: rgba(255, 255, 255, 200);
border-radius: 10px;
border: 1px solid lightgrey;
padding-left: 5px;
padding-right: 5px;
}
QLineEdit:disabled {
border: 1px solid lightgrey;
}
#formArea {
background-color: transparent;
border: none;
border-top: 1px solid lightgrey;
border-bottom: 1px solid lightgrey;
}
#form {
background-color: rgba(255, 255, 255, 200);
border: none;
background-color: rgba(255, 255, 255, 220);
}
#form QLabel {
font-weight: bold;
}
#moreButton {
font-size: 15px;
margin-left: 10px;
color: gray;
border-radius: 10px;
border: 1px solid lightgray;
background: white;
width: 40px;
height: 20px;
background-color: rgba(255, 255, 255, 200);
border: 1px solid lightgray;
border-radius: 10px;
color: gray;
font-size: 15px;
height: 20px;
margin-left: 10px;
width: 28px;
}
#moreutton:hover {
background: lightgray;
#moreButton:hover {
color: white;
background: #2D3F85;
}
#windowButton {
margin-left: 10px;
color: black;
border-radius: 10px;
border: 1px solid lightgray;
background: white;
width: 40px;
height: 20px;
background: white;
border: 1px solid lightgray;
border-radius: 10px;
color: black;
font-size: 17pt;
height: 30px;
width: 140px;
}
#windowButton:hover {
background: lightgray;
color: white;
background: #2D3F85;
}