mirror of https://github.com/ColorlibHQ/AdminLTE
Added deprecated mailbox notice
Abdullah Almsaeed
parent
cf4b2ba96f
commit
09aaa0ac2d
|
|
@ -2,63 +2,6 @@
|
||||||
* Page: Mailbox
|
* Page: Mailbox
|
||||||
* -------------
|
* -------------
|
||||||
*/
|
*/
|
||||||
.mailbox {
|
|
||||||
.table-mailbox {
|
|
||||||
border-left: 1px solid @box-border-color;
|
|
||||||
border-right: 1px solid @box-border-color;
|
|
||||||
border-bottom: 1px solid @box-border-color;
|
|
||||||
tr {
|
|
||||||
&.unread {
|
|
||||||
> td {
|
|
||||||
background-color: rgba(0, 0, 0, 0.05);
|
|
||||||
color: #000;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> td > .fa.fa-star,
|
|
||||||
> td > .fa.fa-star-o,
|
|
||||||
> td > .glyphicon.glyphicon-star,
|
|
||||||
> td > .glyphicon.glyphicon-star-empty{
|
|
||||||
color: @yellow;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
> td.small-col {
|
|
||||||
width: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
> td.name {
|
|
||||||
width: 150px;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
> td.time {
|
|
||||||
text-align: right;
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
> td {
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
& > td > a {color: #444;}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: @screen-sm-max) {
|
|
||||||
.nav-stacked {
|
|
||||||
> li:not(.header) {
|
|
||||||
float: left;
|
|
||||||
width: 50%;
|
|
||||||
&.header {
|
|
||||||
border: 0!important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-form {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.mailbox-messages {
|
.mailbox-messages {
|
||||||
> .table {
|
> .table {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -131,4 +74,63 @@
|
||||||
}
|
}
|
||||||
.mailbox-attachment-close {
|
.mailbox-attachment-close {
|
||||||
&:extend(.close);
|
&:extend(.close);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ``` These are the rules of the old mailbox, which is now deprecated and will be removed in the a future release ```
|
||||||
|
.mailbox {
|
||||||
|
.table-mailbox {
|
||||||
|
border-left: 1px solid @box-border-color;
|
||||||
|
border-right: 1px solid @box-border-color;
|
||||||
|
border-bottom: 1px solid @box-border-color;
|
||||||
|
tr {
|
||||||
|
&.unread {
|
||||||
|
> td {
|
||||||
|
background-color: rgba(0, 0, 0, 0.05);
|
||||||
|
color: #000;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
> td > .fa.fa-star,
|
||||||
|
> td > .fa.fa-star-o,
|
||||||
|
> td > .glyphicon.glyphicon-star,
|
||||||
|
> td > .glyphicon.glyphicon-star-empty{
|
||||||
|
color: @yellow;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
> td.small-col {
|
||||||
|
width: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
> td.name {
|
||||||
|
width: 150px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
> td.time {
|
||||||
|
text-align: right;
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
> td {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > td > a {color: #444;}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: @screen-sm-max) {
|
||||||
|
.nav-stacked {
|
||||||
|
> li:not(.header) {
|
||||||
|
float: left;
|
||||||
|
width: 50%;
|
||||||
|
&.header {
|
||||||
|
border: 0!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-form {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -2550,52 +2550,6 @@ table.text-center th {
|
||||||
* Page: Mailbox
|
* Page: Mailbox
|
||||||
* -------------
|
* -------------
|
||||||
*/
|
*/
|
||||||
.mailbox .table-mailbox {
|
|
||||||
border-left: 1px solid #f4f4f4;
|
|
||||||
border-right: 1px solid #f4f4f4;
|
|
||||||
border-bottom: 1px solid #f4f4f4;
|
|
||||||
}
|
|
||||||
.mailbox .table-mailbox tr.unread > td {
|
|
||||||
background-color: rgba(0, 0, 0, 0.05);
|
|
||||||
color: #000;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
.mailbox .table-mailbox tr > td > .fa.fa-star,
|
|
||||||
.mailbox .table-mailbox tr > td > .fa.fa-star-o,
|
|
||||||
.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star,
|
|
||||||
.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star-empty {
|
|
||||||
color: #f39c12;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.mailbox .table-mailbox tr > td.small-col {
|
|
||||||
width: 30px;
|
|
||||||
}
|
|
||||||
.mailbox .table-mailbox tr > td.name {
|
|
||||||
width: 150px;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
.mailbox .table-mailbox tr > td.time {
|
|
||||||
text-align: right;
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
.mailbox .table-mailbox tr > td {
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
.mailbox .table-mailbox tr > td > a {
|
|
||||||
color: #444;
|
|
||||||
}
|
|
||||||
@media (max-width: 991px) {
|
|
||||||
.mailbox .nav-stacked > li:not(.header) {
|
|
||||||
float: left;
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
.mailbox .nav-stacked > li:not(.header).header {
|
|
||||||
border: 0!important;
|
|
||||||
}
|
|
||||||
.mailbox .search-form {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.mailbox-messages > .table {
|
.mailbox-messages > .table {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -2661,6 +2615,52 @@ table.text-center th {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
.mailbox .table-mailbox {
|
||||||
|
border-left: 1px solid #f4f4f4;
|
||||||
|
border-right: 1px solid #f4f4f4;
|
||||||
|
border-bottom: 1px solid #f4f4f4;
|
||||||
|
}
|
||||||
|
.mailbox .table-mailbox tr.unread > td {
|
||||||
|
background-color: rgba(0, 0, 0, 0.05);
|
||||||
|
color: #000;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.mailbox .table-mailbox tr > td > .fa.fa-star,
|
||||||
|
.mailbox .table-mailbox tr > td > .fa.fa-star-o,
|
||||||
|
.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star,
|
||||||
|
.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star-empty {
|
||||||
|
color: #f39c12;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.mailbox .table-mailbox tr > td.small-col {
|
||||||
|
width: 30px;
|
||||||
|
}
|
||||||
|
.mailbox .table-mailbox tr > td.name {
|
||||||
|
width: 150px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.mailbox .table-mailbox tr > td.time {
|
||||||
|
text-align: right;
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
.mailbox .table-mailbox tr > td {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.mailbox .table-mailbox tr > td > a {
|
||||||
|
color: #444;
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.mailbox .nav-stacked > li:not(.header) {
|
||||||
|
float: left;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
.mailbox .nav-stacked > li:not(.header).header {
|
||||||
|
border: 0!important;
|
||||||
|
}
|
||||||
|
.mailbox .search-form {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
/*
|
/*
|
||||||
* Page: Lock Screen
|
* Page: Lock Screen
|
||||||
* -----------------
|
* -----------------
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue