StardewValley
/
jsoneditor
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Oops fixed broken css of Mode Menu

This commit is contained in:
jos 2018-01-10 22:30:33 +01:00
parent 0ba51276f4
commit 950463f3a9
2 changed files with 116 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/jsoneditor/components/jsoneditor.css
View File

@ -374,6 +374,59 @@ div.jsoneditor-menu-panel-right {
max-width: 100%; }
/******************************* Action Menu **********************************/
div.jsoneditor-actionmenu {
position: absolute;
box-sizing: border-box;
z-index: 99999;
top: 20px;
left: 18px;
/* 20px - 2px where 2px half the difference between 24x24 icons of the menu and the 20x20 icons of the editor */
background: white;
border: 1px solid #d3d3d3;
box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3); }
div.jsoneditor-actionmenu.jsoneditor-actionmenu-top {
top: auto;
bottom: 20px; }
div.jsoneditor-modemenu.jsoneditor-modemenu {
top: 26px;
left: 0; }
div.jsoneditor-menu-item {
line-height: 0;
font-size: 0; }
button.jsoneditor-menu-button {
width: 136px;
height: 24px;
padding: 0;
margin: 0;
line-height: 24px;
background: transparent;
border: transparent;
display: inline-block;
box-sizing: border-box;
cursor: pointer;
color: #4d4d4d;
font-size: 10pt;
font-family: arial, sans-serif;
text-align: left; }
button.jsoneditor-menu-button:hover,
button.jsoneditor-menu-button:focus {
color: #1A1A1A;
background-color: #f5f5f5;
outline: none; }
button.jsoneditor-menu-button.jsoneditor-selected {
color: white;
background-color: #ee422e; }
button.jsoneditor-menu-default {
width: 104px;
/* 136px - 32px */ }
/******************************* Floating Menu **********************************/
div.jsoneditor-node-container {
position: relative;

127
src/jsoneditor/components/jsoneditor.scss
View File

@ -396,76 +396,75 @@ div.jsoneditor-menu-panel-right {
/******************************* Action Menu **********************************/
// TODO: cleanup old ActionMenu css
//div.jsoneditor-actionmenu {
// position: absolute;
// box-sizing: border-box;
// z-index: 99999;
// top: 20px;
// left: 18px; /* 20px - 2px where 2px half the difference between 24x24 icons of the menu and the 20x20 icons of the editor */
// background: white;
//
// border: 1px solid #d3d3d3;
// box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
//}
//
//div.jsoneditor-actionmenu.jsoneditor-actionmenu-top {
// top: auto;
// bottom: 20px;
//}
//
//div.jsoneditor-modemenu.jsoneditor-modemenu {
// top: 26px;
// left: 0;
//}
//
//div.jsoneditor-menu-item {
// line-height: 0;
// font-size: 0;
//}
//
//button.jsoneditor-menu-button {
// width: 136px;
// height: 24px;
// padding: 0;
// margin: 0;
// line-height: 24px;
//
// background: transparent;
// border: transparent;
// display: inline-block;
// box-sizing: border-box;
//
// cursor: pointer;
// color: #4d4d4d;
//
// font-size: 10pt;
// font-family: arial, sans-serif;
// text-align: left;
//}
//
//button.jsoneditor-menu-button:hover,
//button.jsoneditor-menu-button:focus {
// color: $black;
// background-color: #f5f5f5;
// outline: none;
//}
//
//button.jsoneditor-menu-button.jsoneditor-selected {
// color: white;
// background-color: #ee422e;
//}
//
//button.jsoneditor-menu-default {
// width: 104px; /* 136px - 32px */
//}
div.jsoneditor-actionmenu {
position: absolute;
box-sizing: border-box;
z-index: 99999;
top: 20px;
left: 18px; /* 20px - 2px where 2px half the difference between 24x24 icons of the menu and the 20x20 icons of the editor */
background: white;
border: 1px solid #d3d3d3;
box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
}
div.jsoneditor-actionmenu.jsoneditor-actionmenu-top {
top: auto;
bottom: 20px;
}
div.jsoneditor-modemenu.jsoneditor-modemenu {
top: 26px;
left: 0;
}
div.jsoneditor-menu-item {
line-height: 0;
font-size: 0;
}
button.jsoneditor-menu-button {
width: 136px;
height: 24px;
padding: 0;
margin: 0;
line-height: 24px;
background: transparent;
border: transparent;
display: inline-block;
box-sizing: border-box;
cursor: pointer;
color: #4d4d4d;
font-size: 10pt;
font-family: arial, sans-serif;
text-align: left;
}
button.jsoneditor-menu-button:hover,
button.jsoneditor-menu-button:focus {
color: $black;
background-color: #f5f5f5;
outline: none;
}
button.jsoneditor-menu-button.jsoneditor-selected {
color: white;
background-color: #ee422e;
}
button.jsoneditor-menu-default {
width: 104px; /* 136px - 32px */
}
//
//button.jsoneditor-menu-expand {
// width: 32px;
// float: right;
// border-left: 1px solid #e5e5e5;
//}
//
//span.jsoneditor-icon {
// float: left;
// width: 24px;