need help with css file. showing close tab button on all tabs only want on unpinned tabs
/* Make bookmark icons smaller */
- PersonalToolbar .toolbarbutton-1 .toolbarbutton-icon {
width: 12px !important; /* Change to desired size */ height: 12px !important; /* Change to desired size */
}
/* Adjust web address font size */
- urlbar {
font-size: 10px !important; /* Change to desired size */
}
/* Make toolbar buttons smaller */ .toolbarbutton-1 {
padding: 1px !important; /* Adjust padding for buttons */ margin: 0 !important; /* Remove margin if necessary */
}
/* Hide close button on pinned tabs */ .tabbrowser-tab.pinned .tab-close-button {
display: none !important; /* Hide close button on pinned tabs */
}
/* Show close button only on unpinned tabs */ .tabbrowser-tab:not(.pinned) .tab-close-button {
display: block !important; /* Show close button on unpinned tabs */ opacity: 1 !important; /* Always visible on unpinned tabs */
}
/* Make the tab font smaller */ .tabbrowser-tab {
font-size: 9px !important; /* Change to desired size */
}
/* Make bookmark icons smaller */
#PersonalToolbar .toolbarbutton-1 .toolbarbutton-icon {
width: 12px !important; /* Change to desired size */
height: 12px !important; /* Change to desired size */
}
/* Adjust web address font size */
#urlbar {
font-size: 10px !important; /* Change to desired size */
}
/* Make toolbar buttons smaller */
.toolbarbutton-1 {
padding: 1px !important; /* Adjust padding for buttons */
margin: 0 !important; /* Remove margin if necessary */
}
/* Hide close button on pinned tabs */
.tabbrowser-tab.pinned .tab-close-button {
display: none !important; /* Hide close button on pinned tabs */
}
/* Show close button only on unpinned tabs */
.tabbrowser-tab:not(.pinned) .tab-close-button {
display: block !important; /* Show close button on unpinned tabs */
opacity: 1 !important; /* Always visible on unpinned tabs */
}
/* Make the tab font smaller */
.tabbrowser-tab {
font-size: 9px !important; /* Change to desired size */
}