media_directories_ui.browser.css in Media Directories 3.x
.media-directories-library-tree {
width: calc(25% - 1px);
position: absolute;
top: 0;
bottom: 0;
border-right: 1px solid #ccc;
background: #fcfcfa;
}
.vakata-context {
z-index: 1260;
}
.browser {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
height: 100%;
width: 100%;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
}
.browser > div {
box-sizing: border-box;
}
.browser .form-actions {
margin: 0 1em;
}
.browser--header {
width: 100%;
background: #e1e2dc;
border-bottom: 1px solid #ccc;
align-self: self-start;
}
.browser--body {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
align-self: stretch;
width: 100%;
}
.browser--listing {
width: 100%;
flex-grow: 1;
padding: 1em;
}
.browser--listing .form-actions {
display: none;
}
.browser-toolbar {
display: flex;
justify-content: space-between;
margin: 0 0.75em;
}
.browser-toolbar__items {
display: flex;
}
.browser-toolbar__item {
margin-right: 1em;
margin-bottom: 0.75em;
margin-top: 0.75em;
display: flex;
align-items: center;
}
.media-browser--full .browser {
height: 67vh;
}
.jstree-wholerow-ul {
width: 100%;
}
.js-form-item-directory {
display: none;
}
File
modules/media_directories_ui/css/media_directories_ui.browser.css
View source
- .media-directories-library-tree {
- width: calc(25% - 1px);
- position: absolute;
- top: 0;
- bottom: 0;
- border-right: 1px solid #ccc;
- background: #fcfcfa;
- }
-
- .vakata-context {
- z-index: 1260;
- }
-
- .browser {
- display: flex;
- flex-wrap: wrap;
- box-sizing: border-box;
- height: 100%;
- width: 100%;
-
- -webkit-touch-callout: none; /* iOS Safari */
- -webkit-user-select: none; /* Safari */
- -khtml-user-select: none; /* Konqueror HTML */
- -moz-user-select: none; /* Firefox */
- -ms-user-select: none; /* Internet Explorer/Edge */
- user-select: none;
- }
-
- .browser > div {
- box-sizing: border-box;
- }
-
- .browser .form-actions {
- margin: 0 1em;
- }
-
- .browser--header {
- width: 100%;
- background: #e1e2dc;
- border-bottom: 1px solid #ccc;
- align-self: self-start;
- }
-
- .browser--body {
- display: flex;
- flex-wrap: nowrap;
- align-items: stretch;
- align-self: stretch;
- width: 100%;
- }
-
- .browser--listing {
- width: 100%;
- flex-grow: 1;
- padding: 1em;
- }
-
- .browser--listing .form-actions {
- display: none;
- }
-
- .browser-toolbar {
- display: flex;
- justify-content: space-between;
- margin: 0 0.75em;
- }
-
- .browser-toolbar__items {
- display: flex;
- }
-
- .browser-toolbar__item {
- margin-right: 1em;
- margin-bottom: 0.75em;
- margin-top: 0.75em;
- display: flex;
- align-items: center;
- }
-
- .media-browser--full .browser {
- height: 67vh;
- }
-
- .jstree-wholerow-ul {
- width: 100%;
- }
-
- .js-form-item-directory {
- display: none;
- }