mirror of
https://github.com/nextcloud/passman.git
synced 2025-02-24 23:44:01 +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; } }
|
padding-left: 15px; } }
|
||||||
#passman-controls .breadcrumb .addCredential {
|
#passman-controls .breadcrumb .addCredential {
|
||||||
padding-top: 1px; }
|
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) {
|
@media only screen and (max-width: 768px) {
|
||||||
#passman-controls {
|
#passman-controls {
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -92,6 +92,50 @@
|
||||||
.addCredential{
|
.addCredential{
|
||||||
padding-top: 1px;
|
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){
|
@media only screen and (max-width: 768px){
|
||||||
|
|
Loading…
Reference in a new issue