Skip to content

Commit 837961f

Browse files
committed
more small tweaks to some elements
1 parent 867885b commit 837961f

File tree

5 files changed

+28
-7
lines changed

5 files changed

+28
-7
lines changed

css/styles.css

Lines changed: 21 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ body{
5757

5858
.actioncenter{
5959
display: flex;
60-
margin-right: 5px;
60+
margin: 0px 5px;
6161
padding-top: 10px;
6262
padding-bottom: 10px;;
6363
}
@@ -83,6 +83,22 @@ body{
8383
border-radius: 3px;
8484
}
8585

86+
.moreapps{
87+
display: flex;
88+
align-items: center;
89+
height: 38px;
90+
}
91+
92+
.moreapps img{
93+
margin: 0px 5px;
94+
width: 12px;
95+
}
96+
97+
.moreapps:hover{
98+
background-color: white;
99+
border-radius: 3px;
100+
}
101+
86102
#clock{
87103
margin: 0px;
88104
}
@@ -114,7 +130,7 @@ body{
114130
}
115131

116132
.taskbaricons{
117-
margin: 0px 9px;
133+
margin: 0px 9.5px;
118134
}
119135

120136
.taskbariconhighlight{
@@ -129,7 +145,7 @@ body{
129145
}
130146

131147
.taskbaricons:hover{
132-
margin: -7px 2px;
148+
margin: -7px 2.5px;
133149
border: solid 7px white;
134150
backdrop-filter: blur(20px);
135151
background-color: rgba(255,255,255,.80);
@@ -240,8 +256,8 @@ body{
240256
.app {
241257
position: fixed;
242258
box-shadow: 1px 10px 50px #969696;
243-
border-radius: 5px;
244-
border: 1px solid #B4B4B4;
259+
border-radius: 10px;
260+
border: 1.5px solid #B4B4B4;
245261
overflow: hidden;
246262
width: 0%;
247263
height: 0%;

img/moreapps.svg

Lines changed: 1 addition & 0 deletions
Loading

index.html

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,10 @@
9393

9494
<div class="taskbariconsright">
9595

96+
<div class="moreapps">
97+
<img src="img/moreapps.svg">
98+
</div>
99+
96100
<div class="actioncenter">
97101
<img src="img/wifi.png">
98102
<img src="img/volume.png">

scripts/appcreater.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -175,7 +175,7 @@ function goToPage(pageUrl)
175175
}
176176

177177
function roundedcorners(){
178-
app.style.borderRadius = "5px"
178+
app.style.borderRadius = "10px"
179179
}
180180

181181
function active(){

scripts/taskbar.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -60,7 +60,7 @@ window.addEventListener('mouseup', function(e) {
6060
});
6161

6262
window.addEventListener('mouseup', function(e) {
63-
if (!event.target.closest(".searchmenu") && !event.target.closest(".searchtbutton")){
63+
if (!event.target.closest(".searchmenu") && !event.target.closest(".searchbutton")){
6464
searchmenu.style.bottom = "-655px";
6565
}
6666
});

0 commit comments

Comments
 (0)