Search Results
4/14/2025, 5:07:02 PM
>>8100796
I addressed what you said about the boxes by making them have the same height in their particular row
I added the tabbed navigation. Will populate it with suitable data, thinking of a piracy tab and maybe one dedicated to direct search on different websites. I also added a weather widget, gives minimum and maximum temperature of that day and gives the current temparature and current apparent or "feels like" temprature in the second line. The current values update every 15 minutes as per the api.
Is this a good direction for the UI? I wouldn't want it to be inconsistent.
P.S I couldn't find any info online on how to make the tabs look like file/folder actual tabs i.e not making them look like buttons. So I am writing how I did it here.
Inside the tab-switching function:
/* Removing the "active-tab" class from other buttons and giving the selected button the active class to trigger change as per style.css */
for (i = 0; i < tab.length; i++) {
tab[i].className = tab[i].className.replace(" active-tab", "");
}
this.className += " active-tab"
Inside the styles file, set the button's positioning to relative and move it down by one pixel (Or as per your set border width):
.active-tab {
position: relative;
top: 1px;
}
I addressed what you said about the boxes by making them have the same height in their particular row
I added the tabbed navigation. Will populate it with suitable data, thinking of a piracy tab and maybe one dedicated to direct search on different websites. I also added a weather widget, gives minimum and maximum temperature of that day and gives the current temparature and current apparent or "feels like" temprature in the second line. The current values update every 15 minutes as per the api.
Is this a good direction for the UI? I wouldn't want it to be inconsistent.
P.S I couldn't find any info online on how to make the tabs look like file/folder actual tabs i.e not making them look like buttons. So I am writing how I did it here.
Inside the tab-switching function:
/* Removing the "active-tab" class from other buttons and giving the selected button the active class to trigger change as per style.css */
for (i = 0; i < tab.length; i++) {
tab[i].className = tab[i].className.replace(" active-tab", "");
}
this.className += " active-tab"
Inside the styles file, set the button's positioning to relative and move it down by one pixel (Or as per your set border width):
.active-tab {
position: relative;
top: 1px;
}
Page 1