mirror of
https://github.com/nextcloud/passman.git
synced 2025-02-24 15:34:11 +08:00
adapt new breadcrumb style to support nc26
This commit is contained in:
parent
06347f32f0
commit
ae415711ca
3 changed files with 77 additions and 1 deletions
32
css/app.css
32
css/app.css
|
@ -1471,6 +1471,38 @@ label[for=confirmVaultDelete] {
|
|||
padding-left: 15px; } }
|
||||
#passman-controls .breadcrumb .addCredential {
|
||||
padding-top: 1px; }
|
||||
#passman-controls .breadcrumb li.crumb:last-child {
|
||||
font-weight: bold;
|
||||
margin-right: 10px; }
|
||||
#passman-controls .breadcrumb li.crumb:last-child a ~ span {
|
||||
padding-left: 0; }
|
||||
#passman-controls .breadcrumb li.crumb {
|
||||
display: inline-flex;
|
||||
background-image: url("../../../core/img/breadcrumb.svg?v=1");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
height: 44px;
|
||||
background-size: auto 24px;
|
||||
flex: 0 0 auto;
|
||||
order: 1;
|
||||
padding-right: 7px; }
|
||||
#passman-controls .breadcrumb li.crumb > a, #passman-controls .breadcrumb li.crumb > span {
|
||||
position: relative;
|
||||
padding: 12px;
|
||||
opacity: .5;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
flex: 0 0 auto;
|
||||
max-width: 200px; }
|
||||
#passman-controls .breadcrumb li.crumb > a.icon-home,
|
||||
#passman-controls .breadcrumb li.crumb > a.icon-delete,
|
||||
#passman-controls .breadcrumb li.crumb > span.icon-home,
|
||||
#passman-controls .breadcrumb li.crumb > span.icon-delete {
|
||||
text-indent: -9999px; }
|
||||
#passman-controls .breadcrumb li.crumb > a[class^=icon-] {
|
||||
padding: 0;
|
||||
width: 44px; }
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
#passman-controls {
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -92,6 +92,50 @@
|
|||
.addCredential{
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
// repeat new breadcrumb style (added with nc27) to support it with older versions like nc26
|
||||
// todo: remove when dropping Passman support for versions <nc27
|
||||
li.crumb:last-child {
|
||||
font-weight:bold;
|
||||
margin-right:10px;
|
||||
|
||||
a~span {
|
||||
padding-left:0
|
||||
}
|
||||
}
|
||||
li.crumb {
|
||||
display:inline-flex;
|
||||
background-image:url("../../../core/img/breadcrumb.svg?v=1");
|
||||
background-repeat:no-repeat;
|
||||
background-position:right center;
|
||||
height:44px;
|
||||
background-size:auto 24px;
|
||||
flex:0 0 auto;
|
||||
order:1;
|
||||
padding-right:7px;
|
||||
|
||||
>a, >span {
|
||||
position:relative;
|
||||
padding:12px;
|
||||
opacity:.5;
|
||||
text-overflow:ellipsis;
|
||||
white-space:nowrap;
|
||||
overflow:hidden;
|
||||
flex:0 0 auto;
|
||||
max-width:200px
|
||||
}
|
||||
|
||||
>a.icon-home,
|
||||
>a.icon-delete,
|
||||
>span.icon-home,
|
||||
>span.icon-delete {
|
||||
text-indent:-9999px
|
||||
}
|
||||
>a[class^=icon-] {
|
||||
padding:0;
|
||||
width:44px
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 768px){
|
||||
|
|
Loading…
Reference in a new issue