Forum

Styling off on the ...
 
Notifications
Clear all

Styling off on the sticky bar

3 Posts
2 Users
0 Reactions
24 Views
Posts: 5
Topic starter
(@momentum_it)
Member
Joined: 5 years ago

osTicket v1.15.2 // osTicket-1.15.1-Awesome-102
PHP 7.4.16 // MySQL 5.7.31 // Apache web server

The bar with "Open" and the buttons render nicely when we are not scrolled further down on the tickets page of agents.

However, as you scroll down and the bar becomes sticky, the styling becomes off:

I think the same styling should apply to the bar in both states.

Can you advise on a fix?

Thanks!

Miklos


2 Replies
Posts: 1177
Admin
(@stevland)
Member
Joined: 2 months ago

I'm afraid the sticky bar icons have to be white. That is a hard limitation of the design for now.

I'll have to suggest that you make the sticky bar background darker, which of course you can do in Admin Panel > Theme > Color Theme.

I'm not sure how you got the refresh icon to show up as purple, I thought it was hard coded to be white. Custom CSS?


Reply
Posts: 5
Topic starter
(@momentum_it)
Member
Joined: 5 years ago

Gotcha, alright, I just made the sticky bar darker.

Not sure, I don't think my custom CSS affects the refresh icon:

 

/* Add your custom CSS code here.

eg. p { color: red; }

CSS tips: http://www.w3schools.com/css/css_syntax.asp

End of comment */

#footer #osticket a,
#footer #ostawesome a {
display: none !important;
}

#header #nav a {
font-weight: bold !important;
}

form[action="kb.php"] #basic_search .input.attached input, form[action="orgs.php"] .input.attached input, form[action="users.php"] .input.attached input, form[action="tasks.php"] .input.attached input, form[action="tickets.php"] .input.attached input {
background-color: #aaa;
color: #000;
}

form[action="kb.php"] #basic_search .input.attached input:focus,
form[action="orgs.php"] .input.attached input:focus,
form[action="users.php"] .input.attached input:focus,
form[action="tasks.php"] .input.attached input:focus,
form[action="tickets.php"] .input.attached input:focus {
background-color: #999;
border-color: #ccc;
color: #000;
}

 

 


Reply
Posts: 5
Topic starter
(@momentum_it)
Member
Joined: 5 years ago

I think it just comes from the header title colour:


Reply
Share: