diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/main/python/utils/canvas.py | 4 | ||||
-rw-r--r-- | src/main/python/utils/fileWindow.py | 2 | ||||
-rw-r--r-- | src/main/python/utils/layout.py | 2 | ||||
-rw-r--r-- | src/main/python/utils/tabs.py | 2 | ||||
-rw-r--r-- | src/main/python/utils/toolbar.py | 6 | ||||
-rw-r--r-- | src/main/resources/base/app.qss | 145 | ||||
-rw-r--r-- | src/main/resources/base/ui/close.png | bin | 0 -> 255 bytes | |||
-rw-r--r-- | src/main/resources/base/ui/close.svg | 60 |
8 files changed, 110 insertions, 111 deletions
diff --git a/src/main/python/utils/canvas.py b/src/main/python/utils/canvas.py index c860bbb..f37d1f8 100644 --- a/src/main/python/utils/canvas.py +++ b/src/main/python/utils/canvas.py @@ -69,8 +69,8 @@ class canvas(QWidget): #if view is visible use half of available width factor = 2 if self.parentFileWindow.sideViewTab is not None else 1 #use minimum width required to fit the view - width = min((prect.width() - 40)//factor, width) - height = min(prect.height() - 80, height) + width = min((prect.width() - 60)//factor, width) + height = min(prect.height() - 120, height) #set view dims self.view.setFixedWidth(width) self.view.setFixedHeight(height) diff --git a/src/main/python/utils/fileWindow.py b/src/main/python/utils/fileWindow.py index a5ed535..28a576e 100644 --- a/src/main/python/utils/fileWindow.py +++ b/src/main/python/utils/fileWindow.py @@ -53,6 +53,7 @@ class fileWindow(QMdiSubWindow): self.setWindowFlag(Qt.CustomizeWindowHint, True) self.setWindowFlag(Qt.WindowMinimizeButtonHint, False) self.setWindowFlag(Qt.WindowMaximizeButtonHint, False) + self.setWindowFlag(Qt.WindowCloseButtonHint, True) def createSideViewArea(self): #creates the side view widgets and sets them to invisible @@ -60,6 +61,7 @@ class fileWindow(QMdiSubWindow): self.sideView = customView(parent = self) self.sideView.setInteractive(False) self.sideViewCloseButton = QPushButton('×', self.sideView) + self.sideViewCloseButton.setObjectName("sideViewCloseButton") self.sideViewCloseButton.setFlat(True) self.sideViewCloseButton.setFixedSize(20, 20) self.moveSideViewCloseButton() diff --git a/src/main/python/utils/layout.py b/src/main/python/utils/layout.py index ac37358..b977a68 100644 --- a/src/main/python/utils/layout.py +++ b/src/main/python/utils/layout.py @@ -72,7 +72,7 @@ class flowLayout(QLayout): spaceX = self.spacing() + wid.style().layoutSpacing(QSizePolicy.ToolButton, QSizePolicy.ToolButton, Qt.Horizontal) spaceY = self.spacing() + wid.style().layoutSpacing(QSizePolicy.ToolButton, QSizePolicy.ToolButton, Qt.Vertical) nextX = x + item.sizeHint().width() + spaceX - if nextX - spaceX > rect.right() and lineHeight > 0: + if nextX + spaceX > rect.right() and lineHeight > 0: x = rect.x() y = y + lineHeight + spaceY nextX = x + item.sizeHint().width() + spaceX diff --git a/src/main/python/utils/tabs.py b/src/main/python/utils/tabs.py index 1431db2..1186191 100644 --- a/src/main/python/utils/tabs.py +++ b/src/main/python/utils/tabs.py @@ -59,7 +59,7 @@ class customTabWidget(QTabWidget): #move the new tab button to correct location size = sum([self.tab.tabRect(i).width() for i in range(self.tab.count())]) # calculate width of all tabs - h = max(self.tab.geometry().bottom() - self.plusButton.height()-10, -5) #align with bottom of tabbar + h = max(self.tab.geometry().bottom() - self.plusButton.height(), 0) #align with bottom of tabbar w = self.tab.width() if size > w: #if all the tabs do not overflow the tab bar, add at the end self.plusButton.move(w-self.plusButton.width(), h) diff --git a/src/main/python/utils/toolbar.py b/src/main/python/utils/toolbar.py index 220504b..a175aff 100644 --- a/src/main/python/utils/toolbar.py +++ b/src/main/python/utils/toolbar.py @@ -28,8 +28,9 @@ class toolbar(QDockWidget): self.setAllowedAreas(Qt.LeftDockWidgetArea | Qt.RightDockWidgetArea | Qt.NoDockWidgetArea) #declare main widget and layout self.widget = QWidget(self) + self.widget.setObjectName("ToolbarWidget") self.layout = QBoxLayout(QBoxLayout.TopToBottom, self.widget) - self.setAllowedAreas(Qt.AllDockWidgetAreas) + self.setWindowFlags(Qt.FramelessWindowHint) self.searchBox = QLineEdit(self.widget) #search box to search through componenets @@ -44,10 +45,11 @@ class toolbar(QDockWidget): self.diagArea.setWidgetResizable(True) self.layout.addWidget(self.diagArea, stretch=1) self.diagAreaWidget = QWidget(self.diagArea) #inner widget for scroll area + self.diagAreaWidget.setObjectName("ToolbarScrollWidget") #custom layout for inner widget self.diagAreaLayout = flowLayout(self.diagAreaWidget) self.diagAreaLayout.setSizeConstraint(flowLayout.SetMinimumSize) - self.setWidget(self.widget) #set main widget to dockwidget + self.setWidget(self.widget) #set main widget to dockwidget def clearLayout(self): # used to clear all items from toolbar, by parenting it to the toolbar instead diff --git a/src/main/resources/base/app.qss b/src/main/resources/base/app.qss index 723bfa3..a733a50 100644 --- a/src/main/resources/base/app.qss +++ b/src/main/resources/base/app.qss @@ -1,8 +1,30 @@ +/* + background darker = #004646 + background dark and slighly darker = #007A7A + background dark = #006666 + background normal and slighly darker = #008F8F + background normal = #00B8B8 + background light = #EBFFFF + background lighter = #ffffff + + lists background = #006666 + lists background (alternate) = #008F8F + lists backgrounds selection = #00E0E0 + + foreground = black + + selection darker = #004646 + selection dark = #006666 + selection normal = #008F8F + selection inbetween normal and light = #00B8B8 (used to build SpinBoxes) + selection light = #00E0E0 + selection lighter = #D6FFFF +*/ QLineEdit { color: #ffffff; background-color: #b6b6b6; selection-color: black; - selection-background-color: #5e90fa; + selection-background-color: #00E0E0; /* Padding and margin defined */ border-style: solid; border: 1px solid #b6b6b6; /* border top color defined after QAbstractSpinBox, QLineEdit and QComboBox */ @@ -15,86 +37,116 @@ QLineEdit { QLineEdit:focus{ border-color: #7cabf9; } - -QFrame{ - background-color: white; -} - -QTabBar { +tabBarPlus { qproperty-drawBase: 0; left: 5px; background-color: transparent; + font-size: 15px; } -QTabBar:focus { +tabBarPlus:focus { border: 0px transparent black; } -QTabBar::close-button { +tabBarPlus::close-button { padding: 0px; margin: 0px; border-radius: 2px; - background-image: url("src/main/resources/base/ui/close.svg"); + background-image: url("src/main/resources/base/ui/close.png"); background-position: center center; background-repeat: none; } -QTabBar::close-button:hover { - background-color: #7cabf9; +tabBarPlus::close-button:hover { + background-color: #006666; } -QTabBar::close-button:pressed { +tabBarPlus::close-button:pressed { background-color: #adc5ed; } -QTabBar::scroller { /* the width of the scroll buttons */ +tabBarPlus::scroller { /* the width of the scroll buttons */ width: 20px; } -QTabBar::tab:top, -QTabBar::tab:bottom { +tabBarPlus::tab:top, +tabBarPlus::tab:bottom { color: black; border: 1px solid #b6b6b6; border-left-color: #e6e6e6; border-right-width: 0px; background-color: white; - padding:0px 15px; + padding:5px 15px; + width: 100px; } -QTabBar::tab:top:first, -QTabBar::tab:bottom:first { +tabBarPlus::tab:top:first, +tabBarPlus::tab:bottom:first { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } -QTabBar::tab:top:last, -QTabBar::tab:bottom:last { +tabBarPlus::tab:top:last, +tabBarPlus::tab:bottom:last { border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-right-width: 1px; } -QTabBar::tab:top:selected, -QTabBar::tab:bottom:selected { - color: black; - background-color: qlineargradient(spread:pad, x1:1, y1:0.545, x2:1, y2:0, stop:0 #3874f2, stop:1 #5e90fa); - border-color: #3874f2; +tabBarPlus::tab:top:selected, +tabBarPlus::tab:bottom:selected { + color: white; + background-color: qlineargradient(spread:pad, x1:1, y1:0.545, x2:1, y2:0, stop:0 #00b0b0, stop:1 #00BaBa); + border-color: #006666; } -QTabBar::tab:top:!selected:hover, -QTabBar::tab:bottom:!selected:hover { +tabBarPlus::tab:top:!selected:hover, +tabBarPlus::tab:bottom:!selected:hover { color: black; } -QTabBar::tab:top:only-one , -QTabBar::tab:bottom:only-one { +tabBarPlus::tab:top:only-one , +tabBarPlus::tab:bottom:only-one { border: 1px solid #1b3774; border-radius: 6px; } - -QDockWidget { +fileWindow { + border-width: 2px; + outline: 0; color: white; background-color: white; +} +fileWindow::title{ + color: black; + border-width: 0px; + text-align: center; + background-color: white; +} +fileWindow::close-button { + padding: 0px; + margin: 0px; + border-radius: 2px; + background-image: url("src/main/resources/base/ui/close.png"); + background-position: center center; + background-repeat: none; +} +fileWindow::close-button:hover { + background-color: #004646; +} + +fileWindow::close-button:pressed { + background-color: #adc5ed; +} + +QMainWindow { + background-color: white; +} + +QDockWidget#Title { + background-color: #004646; +} +QDockWidget#Toolbar{ + background-color: white; border: 1px solid #e6e6e6; } @@ -123,6 +175,10 @@ QScrollArea{ border-width: 0px; } +QWidget#ToolbarScrollWidget { + background-color: white; +} + QToolButton { color: #f2f2f2; text-align: center; @@ -135,7 +191,7 @@ QToolButton { QToolButton:hover, QToolButton:focus { color: black; - border: 3px solid #3874f2; + border: 3px solid #00BaBa; } QToolButton:disabled, @@ -146,32 +202,33 @@ QToolButton:disabled:checked { } QToolButton:pressed { - border-color: #7cabf9; + border-color: #004646; } QToolButton:checked { - background-color: #5e90fa; - border-color: #3874f2; + background-color: #006666; + border-color: #004646; } sectionLabel{ - border-color: gray; + border-color: #BBD0E9; border-style: solid; - border-width: 0px 0px 1px 0px; + border-width: 0px 0px 2px 0px; padding-bottom: 3px; margin-bottom: 3px; margin-top: 10px; text-align: left; font-size: 20px; + color: gray; } -sectionLabel:first-child{ +sectionLabel:first{ margin-top: 0px; } customView QPushButton{ - background: rgba(214, 54, 40, 50%); - border: 1px groove white; + background-color: rgba(214, 54, 40, 50%); + border: 1px dashed white; border-radius: 2px; font-size: 18px; font-weight: Bold; @@ -179,8 +236,7 @@ customView QPushButton{ color: rgba(255, 255, 255, 50%); } customView QPushButton:Hover{ - background: rgba(214, 54, 40, 90%); - color: rgba(255, 255, 255, 90%); + background-color: rgba(214, 54, 40, 90%); } customTabWidget QPushButton{ @@ -188,7 +244,6 @@ customTabWidget QPushButton{ padding: 1px; border: 0px solid #E6E6E3; border-radius: 10px; - top: -5px; } customTabWidget QPushButton:hover{ background: rgba(230, 230, 227, 60%); @@ -200,4 +255,4 @@ customTabWidget::pane { border-radius: 7px; padding: 1px; background-color: #E6E6E3; -}
\ No newline at end of file +} diff --git a/src/main/resources/base/ui/close.png b/src/main/resources/base/ui/close.png Binary files differnew file mode 100644 index 0000000..8771a0b --- /dev/null +++ b/src/main/resources/base/ui/close.png diff --git a/src/main/resources/base/ui/close.svg b/src/main/resources/base/ui/close.svg deleted file mode 100644 index cb1c174..0000000 --- a/src/main/resources/base/ui/close.svg +++ /dev/null @@ -1,60 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - xmlns:dc="http://purl.org/dc/elements/1.1/" - xmlns:cc="http://creativecommons.org/ns#" - xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" - xmlns:svg="http://www.w3.org/2000/svg" - xmlns="http://www.w3.org/2000/svg" - xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" - xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - inkscape:version="1.0 (4035a4fb49, 2020-05-01)" - sodipodi:docname="close.svg" - id="svg4" - version="1.1" - viewBox="0 0 10 10"><metadata - id="metadata10"> - <rdf:RDF> - <cc:Work - rdf:about=""> - <dc:format>image/svg+xml</dc:format> - <dc:type - rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> - </cc:Work> - </rdf:RDF> -</metadata> -<defs - id="defs8" /> -<sodipodi:namedview - inkscape:current-layer="svg4" - inkscape:window-maximized="1" - inkscape:window-y="-9" - inkscape:window-x="-9" - inkscape:cy="7.585194" - inkscape:cx="2.5623729" - inkscape:zoom="42.1" - showgrid="false" - id="namedview6" - inkscape:window-height="1013" - inkscape:window-width="1920" - inkscape:pageshadow="2" - inkscape:pageopacity="0" - guidetolerance="10" - gridtolerance="10" - objecttolerance="10" - borderopacity="1" - bordercolor="#666666" - pagecolor="#ffffff" /> -<text - id="text2" /> -2 y=8>×<text - id="text837" - y="11.016971" - x="-2.6576188" - style="font-style:normal;font-weight:normal;font-size:18.834px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.470852" - xml:space="preserve"><tspan - style="stroke-width:0.470852" - y="11.016971" - x="-2.6576188" - id="tspan835" - sodipodi:role="line">×</tspan></text> -</svg> |