wiki-grav/plugins/admin/themes/grav/scss/template/modules/_finderjs.scss

162 lines
2.8 KiB
SCSS
Raw Normal View History

.fjs-container {
display: flex;
font-size: .9em;
min-height: 400px;
overflow: auto;
overflow-x: scroll;
&:focus {
outline: none;
}
.fjs-col {
border-right: solid 1px lightgray;
max-height: 600px;
min-height: inherit;
min-width: 200px;
overflow-y: auto;
}
.fjs-item a {
color: black;
justify-content: space-between;
padding: 5px;
text-decoration: none;
display: flex;
align-items: center;
}
.fjs-item a:focus {
outline: none;
}
.fjs-item a span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fjs-item a span i {
padding-right: 5px;
}
//.fjs-active a {
// background-color: #DEDEDE;
//}
//
//.fjs-col:nth-last-child(2) .fjs-active a,
//.fjs-col:last-child .fjs-active a {
// background-color: dodgerblue;
// color: white;
//}
.info-container {
display: flex;
align-items: center;
}
.fjs-list {
list-style: none;
margin: 0;
padding: 0;
}
.fjs-item-content {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fa-caret-right {
//color: gray;
padding: 0 0 0 .5em;
}
.fjs-col:nth-last-child(2) .fjs-active a .fa-caret-right,
.fjs-col:last-child .fjs-active a .fa-caret-right {
//color: white;
}
.leaf-col {
align-items: center;
border-right: 0;
display: flex;
flex: 2;
justify-content: center;
padding: 0 1.5em;
}
.leaf-row {
display: flex;
flex-direction: column;
font-size: 1.3em;
text-align: center;
}
.leaf-row .fa {
//color: #A7A7A7;
font-size: 4em;
margin: 20px 0;
}
.leaf-row .fa-refresh {
font-size: 2em;
}
.leaf-col .meta {
font-size: .7em;
}
.leaf-col .meta strong {
//color: #C1C1C1;
font-weight: normal;
}
.leaf-col .meta:first-of-type {
margin-top: 1.5em;
}
}
.fjs-path-bar {
font-size: 0.9em;
padding: .25rem .5rem;
//background: #f6f6f6;
//border-bottom: 1px solid #eee;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
[data-breadcrumb-node] {
cursor: pointer;
&:hover {
span {
text-decoration: underline;
}
}
}
.fa-chevron-right {
font-size: .8em;
}
}
[data-parents-field-name] {
font-weight: bold;
}
.fjs-container, .fjs-path-bar {
.fa-folder {
color: #90E4FF;
}
.fa-file-o {
color: #A7A7A7;
}
.fa-external-link {
color: #629EFF;
font-size: smaller;
}
}