Skip to content

Commit e5a6576

Browse files
mhwewemhwewe
committed
Added hover on buttons
now when the search and gotolink buttons are hovered they have a background and when the search buttons are disabled while searching they have a red background
1 parent 248cddd commit e5a6576

File tree

5 files changed

+254
-15
lines changed

5 files changed

+254
-15
lines changed

‎Resources/item_2.png‎

-7.6 KB
Binary file not shown.

‎Resources/search_gray.png‎

1.63 KB
Loading

‎Resources/small_1.png‎

-7.81 KB
Binary file not shown.

‎Resources/test.qrc‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
<RCC>
22
<qresource prefix="newPrefix">
33
<file>big_6.png</file>
4-
<file>item_2.png</file>
5-
<file>small_1.png</file>
64
<file>image_3.png</file>
5+
<file>search_gray.png</file>
76
<file>image_2.png</file>
87
<file>Search.png</file>
98
<file>icons8-close-100.png</file>

‎responsive1.ui‎

Lines changed: 253 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@
4949
}
5050

5151
#minimize_btn:hover {
52-
background-color: #2c2e32;
52+
background-color: #5B5B5B;
5353
border-top-left-radius: 5px;
5454
border-top-right-radius: 5px;
5555
border-bottom-left-radius: 5px;
@@ -74,7 +74,258 @@
7474
#close_btn, #title_frame {
7575
border-top-left-radius: 5px;
7676
border-top-right-radius: 5px;
77-
}</string>
77+
}
78+
#search_1_btn:hover {
79+
border-top-left-radius: 5px;
80+
border-top-right-radius: 5px;
81+
border-bottom-left-radius: 5px;
82+
border-bottom-right-radius: 5px;
83+
background-color: #878787;
84+
}
85+
#search_1_btn:disabled {
86+
border-top-left-radius: 5px;
87+
border-top-right-radius: 5px;
88+
border-bottom-left-radius: 5px;
89+
border-bottom-right-radius: 5px;
90+
background-color: #f23f43;
91+
}
92+
#search_2_btn:hover {
93+
border-top-left-radius: 5px;
94+
border-top-right-radius: 5px;
95+
border-bottom-left-radius: 5px;
96+
border-bottom-right-radius: 5px;
97+
background-color: #878787;
98+
}
99+
#search_3_btn:hover {
100+
border-top-left-radius: 5px;
101+
border-top-right-radius: 5px;
102+
border-bottom-left-radius: 5px;
103+
border-bottom-right-radius: 5px;
104+
background-color: #878787;
105+
}
106+
#search_4_btn:hover {
107+
border-top-left-radius: 5px;
108+
border-top-right-radius: 5px;
109+
border-bottom-left-radius: 5px;
110+
border-bottom-right-radius: 5px;
111+
background-color: #878787;
112+
}
113+
#search_5_btn:hover {
114+
border-top-left-radius: 5px;
115+
border-top-right-radius: 5px;
116+
border-bottom-left-radius: 5px;
117+
border-bottom-right-radius: 5px;
118+
background-color: #878787;
119+
}
120+
#search_6_btn:hover {
121+
border-top-left-radius: 5px;
122+
border-top-right-radius: 5px;
123+
border-bottom-left-radius: 5px;
124+
border-bottom-right-radius: 5px;
125+
background-color: #878787;
126+
}
127+
#search_7_btn:hover {
128+
border-top-left-radius: 5px;
129+
border-top-right-radius: 5px;
130+
border-bottom-left-radius: 5px;
131+
border-bottom-right-radius: 5px;
132+
background-color: #878787;
133+
}
134+
#search_8_btn:hover {
135+
border-top-left-radius: 5px;
136+
border-top-right-radius: 5px;
137+
border-bottom-left-radius: 5px;
138+
border-bottom-right-radius: 5px;
139+
background-color: #878787;
140+
}
141+
#search_9_btn:hover {
142+
border-top-left-radius: 5px;
143+
border-top-right-radius: 5px;
144+
border-bottom-left-radius: 5px;
145+
border-bottom-right-radius: 5px;
146+
background-color: #878787;
147+
}
148+
#search_10_btn:hover {
149+
border-top-left-radius: 5px;
150+
border-top-right-radius: 5px;
151+
border-bottom-left-radius: 5px;
152+
border-bottom-right-radius: 5px;
153+
background-color: #878787;
154+
}
155+
#search_11_btn:hover {
156+
border-top-left-radius: 5px;
157+
border-top-right-radius: 5px;
158+
border-bottom-left-radius: 5px;
159+
border-bottom-right-radius: 5px;
160+
background-color: #878787;
161+
}
162+
#search_12_btn:hover {
163+
border-top-left-radius: 5px;
164+
border-top-right-radius: 5px;
165+
border-bottom-left-radius: 5px;
166+
border-bottom-right-radius: 5px;
167+
background-color: #878787;
168+
}
169+
#gotolink_1_btn:hover {
170+
border-top-left-radius: 5px;
171+
border-top-right-radius: 5px;
172+
border-bottom-left-radius: 5px;
173+
border-bottom-right-radius: 5px;
174+
background-color: #878787;
175+
}
176+
#gotolink_2_btn:hover {
177+
border-top-left-radius: 5px;
178+
border-top-right-radius: 5px;
179+
border-bottom-left-radius: 5px;
180+
border-bottom-right-radius: 5px;
181+
background-color: #878787;
182+
}
183+
#gotolink_3_btn:hover {
184+
border-top-left-radius: 5px;
185+
border-top-right-radius: 5px;
186+
border-bottom-left-radius: 5px;
187+
border-bottom-right-radius: 5px;
188+
background-color: #878787;
189+
}
190+
#gotolink_4_btn:hover {
191+
border-top-left-radius: 5px;
192+
border-top-right-radius: 5px;
193+
border-bottom-left-radius: 5px;
194+
border-bottom-right-radius: 5px;
195+
background-color: #878787;
196+
}
197+
#gotolink_5_btn:hover {
198+
border-top-left-radius: 5px;
199+
border-top-right-radius: 5px;
200+
border-bottom-left-radius: 5px;
201+
border-bottom-right-radius: 5px;
202+
background-color: #878787;
203+
}
204+
#gotolink_6_btn:hover {
205+
border-top-left-radius: 5px;
206+
border-top-right-radius: 5px;
207+
border-bottom-left-radius: 5px;
208+
border-bottom-right-radius: 5px;
209+
background-color: #878787;
210+
}
211+
#gotolink_7_btn:hover {
212+
border-top-left-radius: 5px;
213+
border-top-right-radius: 5px;
214+
border-bottom-left-radius: 5px;
215+
border-bottom-right-radius: 5px;
216+
background-color: #878787;
217+
}
218+
#gotolink_8_btn:hover {
219+
border-top-left-radius: 5px;
220+
border-top-right-radius: 5px;
221+
border-bottom-left-radius: 5px;
222+
border-bottom-right-radius: 5px;
223+
background-color: #878787;
224+
}
225+
#gotolink_9_btn:hover {
226+
border-top-left-radius: 5px;
227+
border-top-right-radius: 5px;
228+
border-bottom-left-radius: 5px;
229+
border-bottom-right-radius: 5px;
230+
background-color: #878787;
231+
}
232+
#gotolink_10_btn:hover {
233+
border-top-left-radius: 5px;
234+
border-top-right-radius: 5px;
235+
border-bottom-left-radius: 5px;
236+
border-bottom-right-radius: 5px;
237+
background-color: #878787;
238+
}
239+
#gotolink_11_btn:hover {
240+
border-top-left-radius: 5px;
241+
border-top-right-radius: 5px;
242+
border-bottom-left-radius: 5px;
243+
border-bottom-right-radius: 5px;
244+
background-color: #878787;
245+
}
246+
#gotolink_12_btn:hover {
247+
border-top-left-radius: 5px;
248+
border-top-right-radius: 5px;
249+
border-bottom-left-radius: 5px;
250+
border-bottom-right-radius: 5px;
251+
background-color: #878787;
252+
}
253+
#search_2_btn:disabled {
254+
border-top-left-radius: 5px;
255+
border-top-right-radius: 5px;
256+
border-bottom-left-radius: 5px;
257+
border-bottom-right-radius: 5px;
258+
background-color: #f23f43;
259+
}
260+
#search_3_btn:disabled {
261+
border-top-left-radius: 5px;
262+
border-top-right-radius: 5px;
263+
border-bottom-left-radius: 5px;
264+
border-bottom-right-radius: 5px;
265+
background-color: #f23f43;
266+
}
267+
#search_4_btn:disabled {
268+
border-top-left-radius: 5px;
269+
border-top-right-radius: 5px;
270+
border-bottom-left-radius: 5px;
271+
border-bottom-right-radius: 5px;
272+
background-color: #f23f43;
273+
}#search_5_btn:disabled {
274+
border-top-left-radius: 5px;
275+
border-top-right-radius: 5px;
276+
border-bottom-left-radius: 5px;
277+
border-bottom-right-radius: 5px;
278+
background-color: #f23f43;
279+
}
280+
#search_6_btn:disabled {
281+
border-top-left-radius: 5px;
282+
border-top-right-radius: 5px;
283+
border-bottom-left-radius: 5px;
284+
border-bottom-right-radius: 5px;
285+
background-color: #f23f43;
286+
}
287+
#search_7_btn:disabled {
288+
border-top-left-radius: 5px;
289+
border-top-right-radius: 5px;
290+
border-bottom-left-radius: 5px;
291+
border-bottom-right-radius: 5px;
292+
background-color: #f23f43;
293+
}
294+
#search_8_btn:disabled {
295+
border-top-left-radius: 5px;
296+
border-top-right-radius: 5px;
297+
border-bottom-left-radius: 5px;
298+
border-bottom-right-radius: 5px;
299+
background-color: #f23f43;
300+
}
301+
#search_9_btn:disabled {
302+
border-top-left-radius: 5px;
303+
border-top-right-radius: 5px;
304+
border-bottom-left-radius: 5px;
305+
border-bottom-right-radius: 5px;
306+
background-color: #f23f43;
307+
}
308+
#search_10_btn:disabled {
309+
border-top-left-radius: 5px;
310+
border-top-right-radius: 5px;
311+
border-bottom-left-radius: 5px;
312+
border-bottom-right-radius: 5px;
313+
background-color: #f23f43;
314+
}
315+
#search_11_btn:disabled {
316+
border-top-left-radius: 5px;
317+
border-top-right-radius: 5px;
318+
border-bottom-left-radius: 5px;
319+
border-bottom-right-radius: 5px;
320+
background-color: #f23f43;
321+
}#search_12_btn:disabled {
322+
border-top-left-radius: 5px;
323+
border-top-right-radius: 5px;
324+
border-bottom-left-radius: 5px;
325+
border-bottom-right-radius: 5px;
326+
background-color: #f23f43;
327+
}
328+
</string>
78329
</property>
79330
<layout class="QVBoxLayout" name="verticalLayout">
80331
<property name="spacing">
@@ -7379,16 +7630,6 @@ selection-color: rgb(112, 255, 124);</string>
73797630
<string/>
73807631
</property>
73817632
</widget>
7382-
<widget class="QWidget" name="widget" native="true">
7383-
<property name="geometry">
7384-
<rect>
7385-
<x>1000</x>
7386-
<y>210</y>
7387-
<width>120</width>
7388-
<height>80</height>
7389-
</rect>
7390-
</property>
7391-
</widget>
73927633
<zorder>main_background</zorder>
73937634
<zorder>item_1</zorder>
73947635
<zorder>back_3</zorder>
@@ -7462,7 +7703,6 @@ selection-color: rgb(112, 255, 124);</string>
74627703
<zorder>frame_36</zorder>
74637704
<zorder>frame_4</zorder>
74647705
<zorder>frame_7</zorder>
7465-
<zorder>widget</zorder>
74667706
</widget>
74677707
</item>
74687708
</layout>

0 commit comments

Comments
 (0)