aboutsummaryrefslogtreecommitdiff
path: root/src/views/collections/CollectionDockingView.scss
diff options
context:
space:
mode:
authorTyler Schicke <tyler_schicke@brown.edu>2019-02-01 01:16:51 -0500
committerTyler Schicke <tyler_schicke@brown.edu>2019-02-01 01:16:51 -0500
commit4b1e7b1e71f8dbd7a54e2e2f03fcbf813288bc5c (patch)
treeebab66fcf1008b25202d8d07ea5e9e42c301c878 /src/views/collections/CollectionDockingView.scss
parent2cddac17b405aa85d488f12a0ee5e05ba8698eab (diff)
Deleted unused files and reformatted some files
Diffstat (limited to 'src/views/collections/CollectionDockingView.scss')
-rw-r--r--src/views/collections/CollectionDockingView.scss233
1 files changed, 86 insertions, 147 deletions
diff --git a/src/views/collections/CollectionDockingView.scss b/src/views/collections/CollectionDockingView.scss
index 118662d89..db924b57f 100644
--- a/src/views/collections/CollectionDockingView.scss
+++ b/src/views/collections/CollectionDockingView.scss
@@ -1,43 +1,36 @@
-
.collectiondockingview-container {
position: relative;
top: 0;
left: 0;
overflow: hidden;
-
.lm_controls>li {
opacity: 0.6;
transform: scale(1.2);
}
.lm_maximised .lm_controls .lm_maximise {
- opacity:1;
+ opacity: 1;
transform: scale(0.8);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKElEQVR4nGP8////fwYCgImQAgYGBgYWKM2IR81/okwajIpgvsMbVgAwgQYRVakEKQAAAABJRU5ErkJggg==) !important;
}
-
.flexlayout__layout {
left: 0;
top: 0;
right: 0;
bottom: 0;
position: absolute;
- overflow:hidden;
+ overflow: hidden;
}
-
.flexlayout__splitter {
background-color: black;
}
-
.flexlayout__splitter:hover {
background-color: #333;
}
-
.flexlayout__splitter_drag {
border-radius: 5px;
background-color: #444;
z-index: 1000;
}
-
.flexlayout__outline_rect {
position: absolute;
cursor: move;
@@ -47,7 +40,6 @@
z-index: 1000;
box-sizing: border-box;
}
-
.flexlayout__outline_rect_edge {
cursor: move;
border: 2px solid #b7d1b5;
@@ -56,14 +48,12 @@
z-index: 1000;
box-sizing: border-box;
}
-
.flexlayout__edge_rect {
position: absolute;
z-index: 1000;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
background-color: lightgray;
}
-
.flexlayout__drag_rect {
position: absolute;
cursor: move;
@@ -72,32 +62,28 @@
border-radius: 5px;
z-index: 1000;
box-sizing: border-box;
- background-color:#eeeeee;
+ background-color: #eeeeee;
opacity: 0.9;
text-align: center;
-
display: flex;
justify-content: center;
flex-direction: column;
- overflow:hidden;
- padding:10px;
+ overflow: hidden;
+ padding: 10px;
word-wrap: break-word;
}
-
.flexlayout__tabset {
overflow: hidden;
background-color: #222;
box-sizing: border-box;
}
-
.flexlayout__tab {
overflow: auto;
- position:absolute;
+ position: absolute;
box-sizing: border-box;
background-color: #222;
- color:black;
+ color: black;
}
-
.flexlayout__tab_button {
cursor: pointer;
padding: 2px 8px 3px 8px;
@@ -105,77 +91,65 @@
/*box-shadow: inset 0px 0px 5px rgba(0, 0, 0, .15);*/
/*border-top-left-radius: 3px;*/
/*border-top-right-radius: 3px;*/
- float:left;
+ float: left;
vertical-align: top;
box-sizing: border-box;
-
}
-
.flexlayout__tab_button--selected {
color: #ddd;
background-color: #222;
}
-
.flexlayout__tab_button--unselected {
color: gray;
}
-
.flexlayout__tab_button_leading {
- display:inline-block;
+ display: inline-block;
}
-
.flexlayout__tab_button_content {
- display:inline-block;
+ display: inline-block;
}
-
.flexlayout__tab_button_textbox {
float: left;
border: none;
- color:lightgreen;
- background-color:#222;
+ color: lightgreen;
+ background-color: #222;
}
.flexlayout__tab_button_textbox:focus {
outline: none;
}
-
.flexlayout__tab_button_trailing {
- display:inline-block;
- margin-left:5px;
- margin-top:3px;
- width:8px;
- height:8px;
+ display: inline-block;
+ margin-left: 5px;
+ margin-top: 3px;
+ width: 8px;
+ height: 8px;
}
-
.flexlayout__tab_button:hover .flexlayout__tab_button_trailing,
- .flexlayout__tab_button--selected .flexlayout__tab_button_trailing{
+ .flexlayout__tab_button--selected .flexlayout__tab_button_trailing {
background: transparent url("../../../node_modules/flexlayout-react/images/close_white.png") no-repeat center;
}
-
.flexlayout__tab_button_overflow {
float: left;
width: 20px;
- height:15px;
- margin-top:2px;
- padding-left:12px;
- border:none;
+ height: 15px;
+ margin-top: 2px;
+ padding-left: 12px;
+ border: none;
font-size: 10px;
- color:lightgray;
+ color: lightgray;
font-family: Arial, sans-serif;
background: transparent url("../../../node_modules/flexlayout-react/images/more.png") no-repeat left;
}
-
- .flexlayout__tabset_header
- {
+ .flexlayout__tabset_header {
position: absolute;
left: 0;
right: 0;
- color:#eee;
+ color: #eee;
background-color: #212121;
- padding:3px 3px 3px 5px;
+ padding: 3px 3px 3px 5px;
/*box-shadow: inset 0px 0px 3px 0px rgba(136, 136, 136, 0.54);*/
box-sizing: border-box;
}
-
.flexlayout__tab_header_inner {
position: absolute;
left: 0;
@@ -183,7 +157,6 @@
bottom: 0;
width: 10000px;
}
-
.flexlayout__tab_header_outer {
background-color: black;
position: absolute;
@@ -193,205 +166,171 @@
/*height: 100px;*/
overflow: hidden;
}
-
- .flexlayout__tabset-selected
- {
+ .flexlayout__tabset-selected {
background-image: linear-gradient(#111, #444);
}
-
- .flexlayout__tabset-maximized
- {
+ .flexlayout__tabset-maximized {
background-image: linear-gradient(#666, #333);
}
-
.flexlayout__tab_toolbar {
- position:absolute;
- display:flex;
+ position: absolute;
+ display: flex;
flex-direction: row-reverse;
align-items: center;
- top:0;
- bottom:0;
- right:0;
+ top: 0;
+ bottom: 0;
+ right: 0;
}
-
.flexlayout__tab_toolbar_button-min {
- width:20px;
- height:20px;
- border:none;
+ width: 20px;
+ height: 20px;
+ border: none;
outline-width: 0;
background: transparent url("../../../node_modules/flexlayout-react/images/maximize.png") no-repeat center;
-
}
.flexlayout__tab_toolbar_button-max {
- width:20px;
- height:20px;
- border:none;
+ width: 20px;
+ height: 20px;
+ border: none;
outline-width: 0;
background: transparent url("../../../node_modules/flexlayout-react/images/restore.png") no-repeat center;
}
-
- .flexlayout__popup_menu {
- }
-
+ .flexlayout__popup_menu {}
.flexlayout__popup_menu_item {
padding: 2px 10px 2px 10px;
- color:#ddd;
+ color: #ddd;
}
-
.flexlayout__popup_menu_item:hover {
background-color: #444444;
}
-
.flexlayout__popup_menu_container {
box-shadow: inset 0 0 5px rgba(0, 0, 0, .15);
border: 1px solid #555;
background: #222;
- border-radius:3px;
- position:absolute;
- z-index:1000;
+ border-radius: 3px;
+ position: absolute;
+ z-index: 1000;
}
-
-
.flexlayout__border_top {
- background-color:black;
+ background-color: black;
border-bottom: 1px solid #ddd;
box-sizing: border-box;
- overflow:hidden;
+ overflow: hidden;
}
-
.flexlayout__border_bottom {
- background-color:black;
+ background-color: black;
border-top: 1px solid #333;
box-sizing: border-box;
- overflow:hidden;
+ overflow: hidden;
}
.flexlayout__border_left {
- background-color:black;
+ background-color: black;
border-right: 1px solid #333;
box-sizing: border-box;
- overflow:hidden;
+ overflow: hidden;
}
-
.flexlayout__border_right {
- background-color:black;
+ background-color: black;
border-left: 1px solid #333;
box-sizing: border-box;
- overflow:hidden;
+ overflow: hidden;
}
-
- .flexlayout__border_inner_bottom{
+ .flexlayout__border_inner_bottom {
display: flex;
}
-
.flexlayout__border_inner_left {
- position:absolute;
+ position: absolute;
white-space: nowrap;
right: 23px;
- transform-origin: top right;
+ transform-origin: top right;
transform: rotate(-90deg);
}
-
.flexlayout__border_inner_right {
- position:absolute;
+ position: absolute;
white-space: nowrap;
left: 23px;
- transform-origin: top left;
+ transform-origin: top left;
transform: rotate(90deg);
}
-
.flexlayout__border_button {
background-color: #222;
- color:white;
- display:inline-block;
- white-space:nowrap;
-
+ color: white;
+ display: inline-block;
+ white-space: nowrap;
cursor: pointer;
padding: 2px 8px 3px 8px;
margin: 2px;
vertical-align: top;
box-sizing: border-box;
}
-
.flexlayout__border_button--selected {
color: #ddd;
background-color: #222;
}
-
.flexlayout__border_button--unselected {
color: gray;
}
-
.flexlayout__border_button_leading {
float: left;
- display:inline;
+ display: inline;
}
-
.flexlayout__border_button_content {
- display:inline-block;
+ display: inline-block;
}
-
.flexlayout__border_button_textbox {
float: left;
border: none;
- color:green;
- background-color:#ddd;
+ color: green;
+ background-color: #ddd;
}
.flexlayout__border_button_textbox:focus {
outline: none;
}
-
.flexlayout__border_button_trailing {
- display:inline-block;
- margin-left:5px;
- margin-top:3px;
- width:8px;
- height:8px;
+ display: inline-block;
+ margin-left: 5px;
+ margin-top: 3px;
+ width: 8px;
+ height: 8px;
}
-
.flexlayout__border_button:hover .flexlayout__border_button_trailing,
- .flexlayout__border_button--selected .flexlayout__border_button_trailing{
+ .flexlayout__border_button--selected .flexlayout__border_button_trailing {
background: transparent url("../../../node_modules/flexlayout-react/images/close_white.png") no-repeat center;
}
-
-
.flexlayout__border_toolbar_left {
- position:absolute;
+ position: absolute;
display: flex;
flex-direction: column-reverse;
align-items: center;
- bottom:0;
- left:0;
- right:0;
+ bottom: 0;
+ left: 0;
+ right: 0;
}
-
.flexlayout__border_toolbar_right {
- position:absolute;
+ position: absolute;
display: flex;
flex-direction: column-reverse;
align-items: center;
- bottom:0;
- left:0;
- right:0;
+ bottom: 0;
+ left: 0;
+ right: 0;
}
-
.flexlayout__border_toolbar_top {
- position:absolute;
+ position: absolute;
display: flex;
flex-direction: row-reverse;
align-items: center;
- top:0;
- bottom:0;
- right:0;
+ top: 0;
+ bottom: 0;
+ right: 0;
}
-
.flexlayout__border_toolbar_bottom {
- position:absolute;
+ position: absolute;
display: flex;
flex-direction: row-reverse;
align-items: center;
- top:0;
- bottom:0;
- right:0;
+ top: 0;
+ bottom: 0;
+ right: 0;
}
-
} \ No newline at end of file