mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-20 12:30:56 +01:00
980293b707
Summary:
On mobile devices like tablets or toasters the "Persistent Chat"
floating widget is already hidden.
So, the related checkbox available from the top navigation bar
is just confusing on tablet and mobile devices / toasters, since
that nice checkbox does nothing there.
On mobile and tablet, this is the graphical change:
| Before | After |
|----------|-----------|
|{F281239} | {F281235} |
This change do not change anything for desktop devices.
So, on desktop, that checkbox is obviously still visible.
Closes T15240
Test Plan:
- test on tablet and below: now the checkbox should be not visible
- test on desktop: the checkbox should still be visible
Reviewers: O1 Blessed Committers, Cigaryno, bfs, speck
Reviewed By: O1 Blessed Committers, Cigaryno, bfs, speck
Subscribers: avivey, bfs, dcog, chris, speck, tobiaswiese, Matthew, Cigaryno
Maniphest Tasks: T15240
Differential Revision: https://we.phorge.it/D25120
91 lines
1.9 KiB
CSS
91 lines
1.9 KiB
CSS
/**
|
|
* @provides conpherence-notification-css
|
|
*/
|
|
|
|
.phabricator-notification.conpherence-notification {
|
|
padding: 0;
|
|
}
|
|
|
|
.phabricator-notification .conpherence-menu-item-view {
|
|
display: block;
|
|
height: 48px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-decoration: none;
|
|
border-bottom: none;
|
|
border-right: 0;
|
|
border-left: 0;
|
|
}
|
|
|
|
.phabricator-notification .conpherence-menu-item-view
|
|
.conpherence-menu-item-image {
|
|
top: 8px;
|
|
left: 8px;
|
|
display: block;
|
|
position: absolute;
|
|
width: 32px;
|
|
height: 32px;
|
|
background-size: 100%;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.phabricator-notification .conpherence-menu-item-view
|
|
.conpherence-menu-item-title {
|
|
display: block;
|
|
margin-top: 8px;
|
|
margin-left: 48px;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
font-size: {$normalfontsize};
|
|
color: {$darkgreytext};
|
|
width: 314px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.phabricator-notification .conpherence-menu-item-view
|
|
.conpherence-menu-item-subtitle {
|
|
display: block;
|
|
color: {$lightgreytext};
|
|
font-size: {$smallestfontsize};
|
|
margin-left: 48px;
|
|
width: 290px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.phabricator-notification .conpherence-menu-item-view
|
|
.conpherence-menu-item-unread-count {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 15px;
|
|
background: {$blue};
|
|
border-radius: 2px;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
padding: 0 5px 1px;
|
|
font-size: {$smallestfontsize};
|
|
}
|
|
|
|
.phabricator-notification .no-room-notification {
|
|
color: {$lightgreytext};
|
|
display: block;
|
|
}
|
|
|
|
.phabricator-notification-header .persistent-option {
|
|
white-space: nowrap;
|
|
float: right;
|
|
}
|
|
|
|
.phabricator-notification-header .persistent-option span {
|
|
margin-left: 4px;
|
|
font-weight: normal;
|
|
color: {$greytext};
|
|
}
|
|
|
|
/* On small devices the Persistent Chat is already hidden, and so its option */
|
|
.device .phabricator-notification-header .persistent-option {
|
|
display: none;
|
|
}
|