[visimitra]

temporary fix:

file svg.css line 1163

a#ticket-relations-tab:before {
display: inline-block;
width: 16px;
height: 20px;
background-size: 18px;
background-repeat: no-repeat;
background-position: left center;
position: relative;
margin-right: 4px;
top: 6px;
content: ‘ ‘;

//display: inline-block !important;
//background-size: 20px;
//background-repeat: no-repeat;
//background-position: center;
//position: relative;
//float: right;
//top: 2px;
//margin: 0 9px 0 0;
//content: ‘ ‘;
background-image: url(“data:image/svg+xml;charset=utf-8,%3Csvg xmlns=’http://www.w3.org/2000/svg’ xmlns:xlink=’http://www.w3.org/1999/xlink’ version=’1.1′ width=’24’ height=’24’ viewBox=’0 0 24 24’%3E %3Cpath fill=’%23128DBE’ d=’M3%2C4V12.5L6%2C9.5L9%2C13C10%2C14 10%2C15 10%2C15V21H14V14C14%2C14 14%2C13 13.47%2C12C12.94%2C11 12%2C10 12%2C10L9%2C6.58L11.5%2C4M18%2C4L13.54%2C8.47L14%2C9C14%2C9 14.93%2C10 15.47%2C11C15.68%2C11.4 15.8%2C11.79 15.87%2C12.13L21%2C7′ /%3E %3C/svg%3E”);
}

[visimitra]

Hi Stevland, 

checking with rev 102, in my installation also in the sites, tab for related tickets, still not in line with other tab

[visimitra]

Hi stevland

Found there is problem when mobile view

[visimitra]

@stevland, there is 2 problem left:

• dot green no reply button in client side, is moving in left
•  

 

• progress circle while login, not in center page
• 

[visimitra]

Hi @Stevland

fix in user-styles.css

smaller fonts for span number

span.number {
font-family: ‘Product Sans’, Montserrat, sans-serif;
font-size: 22px !important;
font-weight: 100;
position: relative;
top: 3px;
}

fix table footer numbering

#table-foot-options a {
margin: 0 0 0 0px;
}

 

[visimitra]

@stevland, it seems problem layout with space for green bullet no reply in the tickets display,
but for now, it more looks better with display: contents

file osta/css/staff-mobile.css

.ticket-num {
margin-left: -22px;
display: contents;
}

[visimitra]

Hi Stevland, 

downloading but it show corrupt zip archive.

[visimitra]

hi @stevland, thanks for quick workaround, now show correctly. but some experiencing jumping for when scrolling bottom for the page.

but now is great (y)

[visimitra]

Hi @stevland, 

any update regarding for the problem

[visimitra]

update in osticket 1.12.3 102:

revise line 1061:
elseif (strpos($url, 'index.php') !== FALSE || strpos($url, 'tickets.php') !== FALSE || strpos($url, 'tasks.php') !== FALSE) { if ($_REQUEST['id'] && ($ticket=Ticket::lookup($_REQUEST['id']))) $tickets_view = TRUE; elseif ($_REQUEST['id'] && ($task=Task::lookup($_REQUEST['id']))) $tickets_view = TRUE; elseif ($_REQUEST['number'] && $ticket=Ticket::lookup(array('number' => $_REQUEST['number']))) $tickets_view = TRUE; } #elseif (strpos($url, 'index.php') !== FALSE || # strpos($url, 'tickets.php') !== FALSE) { // Might be a ticket page.. # $tickets_view = TRUE; #}

[visimitra]

Ok, Awesome, thanks for the update

[visimitra]

@stevland, thanks

finding that problem only appear in ticket queue list, fixed to only enable attachment_preview only in ticket view

[visimitra]

hope this may help for other user for temporary fix for mobile-navigation.tmpl.php line 6:

[visimitra]

hope this can help for temporary fix, edit for client-desktop.css<br />
– resize width 900px to max-width 75% for header, content, form-wrapper (1070px)<br />
– fix page number margin font<br />
– padding table in ticket thread

hope this fix permanently, please fix for client-mobile.css view also, as client mobile view is correctly viewed.

thanks 

111c111<br />
< max-width: 75%;<br />
—<br />
> width: 900px;<br />
181,182c181<br />
< max-width: 75%;<br />
< min-width: min-content;<br />
—<br />
> width: 900px;<br />
223c222<br />
< max-width: 75%;<br />
—<br />
> width: 900px;<br />
238c237<br />
< max-width: 75%;<br />
—<br />
> max-width: 900px;<br />
1536,1542d1533<br />
< /* ==========================================================================<br />
< * TICKET LIST – FOOT<br />
< * ========================================================================== */<br />
< <br />
< #table-foot-options a {<br />
< margin: 0 0 0 0px;<br />
< }<br />
1635c1626<br />
< padding: 13px;<br />
—<br />
> padding: 20px;<br />
2015c2006<br />
< max-width: 1070px; <br />
—<br />
> max-width: 870px;

[visimitra]

tryout with delete width in content client-desktop.css, and resize width to 1200px, look nicer, but strange when view from chrome in android