mirror of
https://github.com/OpenNebula/one.git
synced 2025-03-20 10:50:08 +03:00
Fix tooltips position
This commit is contained in:
Daniel Molina
parent
89f7cd0505
commit
0d241061cc
File diff suppressed because one or more lines are too long
@ -24,7 +24,6 @@ var create_acl_tmpl =
|
||||
<h3 id="create_vnet_header" class="subheader">'+tr("Create ACL")+'</h3>\
|
||||
</div>\
|
||||
</div>\
|
||||
<div class="reveal-body">\
|
||||
<form id="create_acl_form" action="">\
|
||||
<div class="row">\
|
||||
<div class="large-6 columns">\
|
||||
@ -166,12 +165,10 @@ var create_acl_tmpl =
|
||||
<input type="text" name="acl_preview" id="acl_preview"></input>\
|
||||
</div>\
|
||||
</div>\
|
||||
<div class="reveal-footer">\
|
||||
<div class="form_buttons">\
|
||||
<button class="button radius right success" id="create_acl_submit" type="submit" value="Acl.create">'+tr("Create")+'</button>\
|
||||
<button class="button secondary radius" type="reset" value="reset">'+tr("Reset")+'</button>\
|
||||
</div>\
|
||||
</div>\
|
||||
<a class="close-reveal-modal">×</a>\
|
||||
</form>\
|
||||
</div>';
|
||||
@ -475,7 +472,7 @@ function setupCreateAclDialog(){
|
||||
// width: 650,
|
||||
// height: height
|
||||
//});
|
||||
dialog.addClass("reveal-modal large max-height").attr("data-reveal", "");
|
||||
dialog.addClass("reveal-modal large").attr("data-reveal", "");
|
||||
|
||||
//Default selected options
|
||||
$('#applies_all',dialog).attr('checked','checked');
|
||||
|
||||
@ -1,247 +0,0 @@
|
||||
@import "foundation/common/ratios";
|
||||
|
||||
// Settings file containing Foundation defaults
|
||||
|
||||
// Grid Settings
|
||||
|
||||
// $rowWidth: 1000px;
|
||||
// $columnGutter: 30px;
|
||||
// $totalColumns: 12;
|
||||
// $mobileTotalColumns: 4;
|
||||
// $blockGridElements: 12; // Highest number of block grid elements, Maximum of 24 supported
|
||||
|
||||
// Colors Settings
|
||||
|
||||
// $mainColor: #2ba6cb;
|
||||
// $secondaryColor: #e9e9e9;
|
||||
// $alertColor: #c60f13;
|
||||
$alertColor: #C0392B;
|
||||
// $successColor: #5da423;
|
||||
$successColor: #27AE60;
|
||||
// $txtColor: #222;
|
||||
// $highlightColor: #ffff99;
|
||||
// $black: #000;
|
||||
// $white: #fff;
|
||||
// $shinyEdge: rgba(#fff, .5);
|
||||
// $darkEdge: rgba(#000, .2);
|
||||
|
||||
// Font Settings
|
||||
|
||||
// $fontSmoothing: antialiased;
|
||||
$headerFontFamily: 'Open Sans', sans-serif;
|
||||
// $headerFontWeight: bold;
|
||||
// $headerFontStyle: normal;
|
||||
// $headerFontColor: #222;
|
||||
$bodyFontFamily: 'Open Sans', sans-serif;
|
||||
// $bodyFontWeight: normal;
|
||||
// $bodyFontStyle: normal;
|
||||
// $bodyFontColor: $txtColor;
|
||||
|
||||
// Text Direction Settings
|
||||
|
||||
// $textDirection: ltr; // Controls default global text direction, 'rtl' or 'ltr'
|
||||
|
||||
// Button Settings
|
||||
|
||||
$buttonRadius: 2px;
|
||||
// $btnBase: 10px;
|
||||
|
||||
// $tinyBtnBase: $btnBase - 5;
|
||||
// $smallBtnBase: $btnBase - 3;
|
||||
// $largeBtnBase: $btnBase + 5;
|
||||
|
||||
// Form Settings
|
||||
|
||||
// $formSpacing: 12px;
|
||||
// $labelFontWeight: 500;
|
||||
// $labelFontColor: lighten(#000, 30%);
|
||||
// $labelBtmMargin: 3px;
|
||||
// $inputFontColor: rgba(0,0,0,0.75);
|
||||
// $inputFontSize: 14px;
|
||||
// $inputBgColor: #fff;
|
||||
// $inputFocusBgColor: darken(#fff, 2%);
|
||||
// $inputBorderColor: darken(#fff, 20%);
|
||||
// $inputFocusBorderColor: darken(#fff, 30%);
|
||||
// $inputBorderStyle: solid;
|
||||
// $inputBorderWidth: 1px;
|
||||
// $inputBorderRadius: 2px;
|
||||
// $fieldsetBorderRadius: 3px;
|
||||
|
||||
// Custom Form Settings
|
||||
|
||||
// $custFormBorderColor: #ccc;
|
||||
// $custFormBgColor: #fff;
|
||||
// $custCheckColor: #222;
|
||||
// $custSelectCurrentFontColor: #141414;
|
||||
// $custSelectBgColor: #fff;
|
||||
// $custSelectBorderColor: #ddd;
|
||||
// $custSelectTriangleColor: #aaa;
|
||||
// $custSelectTriangleColorOpen: #222;
|
||||
// $custSelectDropHeight: 200px;
|
||||
// $custDropdownBgColor: #fff;
|
||||
// $custDropdownBorderColor: darken(#fff, 20%);
|
||||
// $custDropdownFontColor: #555;
|
||||
// $custDropdownSelectedBgColor: lighten(#2ba6cb, 40%);
|
||||
// $custDropdownSelectedFontColor: #000;
|
||||
// $custFormDisabledBgColor: #ddd;
|
||||
|
||||
// Tab Settings
|
||||
|
||||
$tabHeight: 30px;
|
||||
// $tabTermFontSize: 12px;
|
||||
|
||||
// Nav Bar Settings
|
||||
|
||||
// $navBarHeight: 40px;
|
||||
// $navFlyoutBaseWidth: 250px;
|
||||
|
||||
// Top Bar Settings
|
||||
|
||||
// $topBarBgColor: #222;
|
||||
// $topBarHeight: 45px;
|
||||
// $topBarHeightMobile: 45px;
|
||||
// $topBarBtmMargin: 30px;
|
||||
// $topBarTitleWeight: bold;
|
||||
// $topBarTitleSize: 17px;
|
||||
// $topBarLinkColor: #fff;
|
||||
// $topBarLinkWeight: bold;
|
||||
// $topBarLinkSize: 13px;
|
||||
// $topBarDropBgColor: #222;
|
||||
// $topBarDropLinkColor: #fff;
|
||||
// $topBarDropToggleSize: 5px;
|
||||
// $topBarDropToggleColor: #fff;
|
||||
// $topBarDropToggleAlpha: 0.5;
|
||||
// $topBarSearchWidth: 200px;
|
||||
// $topBarBreakPoint: 940px; // Change to 9999px for always mobile layout
|
||||
// $topBarNavToggleSize: 8px;
|
||||
// $topBarNavToggleColor: #fff;
|
||||
|
||||
// UI Settings
|
||||
|
||||
// $thumbRadius: 3px;
|
||||
// $progBarHeight: 25px;
|
||||
// $progBarBorderColor: darken(#fff, 20%);
|
||||
// $progBarBorderSize: 1px;
|
||||
// $progBarPad: 2px;
|
||||
// $linkListBottomMargin: 17px -22px;
|
||||
// $tableBorderRadius: 3px;
|
||||
// $alertBorderRadius: 3px;
|
||||
|
||||
// Tooltip Settings
|
||||
|
||||
$hasTipBorderBottom: none;
|
||||
// $hasTipFontWeight: bold;
|
||||
// $hasTipFontColor: #333;
|
||||
$hasTipBorderBottomHover: none;
|
||||
// $hasTipFontColorHover: $mainColor;
|
||||
// $tooltipBackgroundColor: #000;
|
||||
// $tooltipBackgroundOpacity: 0.85;
|
||||
// $tooltipFontSize: 12px;
|
||||
// $tooltipFontWeight: bold;
|
||||
// $tooltipFontColor: #fff;
|
||||
// $tapToCloseFontSize: 10;
|
||||
// $tapToCloseFontWeight: normal;
|
||||
// $tapToCloseFontColor: #888;
|
||||
// $tooltipFontSizeScreenSm: 14;
|
||||
// $tooltipBgOpacityScreenSm: 0.85;
|
||||
// $tooltipBorderRadius: 4px;
|
||||
|
||||
// Pricing Table Settings
|
||||
|
||||
// $priceTableBorder: solid 1px #ddd;
|
||||
// $priceTitleBgColor: #ddd;
|
||||
// $priceTitlePadding: 15px 20px;
|
||||
// $priceTitleAlign: center;
|
||||
// $priceTitleColor: #333;
|
||||
// $priceTitleWeight: bold;
|
||||
// $priceTitleSize: 16px;
|
||||
|
||||
// $priceMoneyBgColor: #eee;
|
||||
// $priceMoneyPadding: 15px 20px;
|
||||
// $priceMoneyAlign: center;
|
||||
// $priceMoneyColor: #333;
|
||||
// $priceMoneyWeight: normal;
|
||||
// $priceMoneySize: 20px;
|
||||
|
||||
// $priceBgColor: #fff;
|
||||
// $priceDescColor: #777;
|
||||
// $priceDescPadding: 15px;
|
||||
// $priceDescAlign: center;
|
||||
// $priceDescFontSize: 12px;
|
||||
// $priceDescWeight: normal;
|
||||
// $priceDescLineHeight: 1.4;
|
||||
// $priceDescBtmBorder: dotted 1px #ddd;
|
||||
|
||||
// $priceItemColor: #333;
|
||||
// $priceItemPadding: 15px;
|
||||
// $priceItemAlign: center;
|
||||
// $priceItemFontSize: 14px;
|
||||
// $priceItemWeight: normal;
|
||||
// $priceItemBtmBorder: dotted 1px #ddd;
|
||||
|
||||
// $priceCtaBgColor: #f5f5f5;
|
||||
// $priceCtaAlign: center;
|
||||
// $priceCtaPadding: 20px;
|
||||
|
||||
// Orbit Settings
|
||||
|
||||
// $orbitCaptionBgColorOldBrowser: #000;
|
||||
// $orbitCaptionBgColor: rgba(0,0,0,.6);
|
||||
// $orbitCaptionFontColor: #fff;
|
||||
// $orbitBulletNavColor: #999;
|
||||
// $orbitBulletNavColorActive: #222;
|
||||
// $orbitHasThumbBorderColor: #000;
|
||||
// $orbitHasThumbBorderWidth: 2px;
|
||||
// $orbitHasThumbBorderStyle: solid;
|
||||
// $orbitSlideNumBgColor: rgba(0,0,0,0.7);
|
||||
// $orbitSlideNumFontColor: #fff;
|
||||
// $orbitSlideNumPadding: 5px;
|
||||
|
||||
// Clearing Settings
|
||||
|
||||
// $clearingBg: rgba(0,0,0,0.8);
|
||||
// $clearingOldBrowserBg: rgb(0,0,0);
|
||||
// $clearingCaptionBg: rgba(0,0,0,0.7);
|
||||
// $clearingCaptionOldBrowserBg: rgb(0,0,0);
|
||||
// $clearingCaptionFontColor: #fff;
|
||||
// $clearingCloseColor: #fff;
|
||||
// $clearingArrowColor: #fff;
|
||||
// $clearingArrowSize: 16px;
|
||||
// $clearingCarouselBg: rgba(0,0,0,0.75);
|
||||
// $clearingCarouselOldBrowserBg: rgb(0,0,0);
|
||||
// $clearingCarouselHeight: 150px;
|
||||
// $clearingActiveImgHeight: 75%;
|
||||
// $clearingCarouselThumbWidth: 175px;
|
||||
// $clearingCarouselThumbActiveBorder: 4px solid rgb(255,255,255);
|
||||
// $clearingImgBg: rgba(0,0,0,0.75);
|
||||
// $clearingImgOldBrowserBg: rgb(0,0,0);
|
||||
|
||||
// Joyride Settings
|
||||
|
||||
// $tipBg: rgba(0,0,0,0.8);
|
||||
// $tipBgIE8: #000;
|
||||
// $tipFontColor: #fff;
|
||||
// $tipHeaderWeight: bold;
|
||||
// $tipDefaultWidth: 300px;
|
||||
// $tipBorderRadius: 4px;
|
||||
// $tipPadding: 18px 20px 24px;
|
||||
// $tipNubSize: 14px;
|
||||
// $tipFontSize: 14px;
|
||||
// $tipTimerWidth: 50px;
|
||||
// $tipTimerHeight: 3px;
|
||||
// $tipTimerBorder: solid 1px #555;
|
||||
// $tipTimerColor: #666;
|
||||
// $tipCloseColor: #777;
|
||||
// $tipCloseSize: 20px;
|
||||
// $tipCloseWeight: normal;
|
||||
// $tipScreenFill: rgba(0,0,0,0.5);
|
||||
|
||||
// Modular Scale Settings
|
||||
|
||||
// $ratio: $golden; // THIS IS DEFAULT IN MODULAR-SCALE
|
||||
// $baseFontSize: 14px;
|
||||
// $importantModNum: 44px;
|
||||
// $base-size: $baseFontSize $importantModNum;
|
||||
// Produced the following list of values: 14, 17, 23, 27, 37, 44, 59, 71, 95, 115;
|
||||
// http://www.modularscale.com by Tim Brown
|
||||
// https://github.com/scottkellum/modular-scale by scottkellum
|
||||
File diff suppressed because it is too large
Load Diff
@ -337,7 +337,7 @@ $button-margin-bottom: rem-calc(5);
|
||||
// $button-function-factor: 5%;
|
||||
|
||||
// We use these to control button border styles.
|
||||
$button-border-width: 1px;
|
||||
$button-border-width: 0px;
|
||||
$button-border-style: solid;
|
||||
|
||||
// We use this to set the default radius used throughout the core.
|
||||
@ -345,7 +345,7 @@ $button-border-style: solid;
|
||||
// $button-round: $global-rounded;
|
||||
|
||||
// We use this to set default opacity for disabled buttons.
|
||||
$button-disabled-opacity: 0.5;
|
||||
//$button-disabled-opacity: 0.5;
|
||||
|
||||
// Button Groups
|
||||
|
||||
@ -868,13 +868,13 @@ $price-item-bottom-border: none;
|
||||
|
||||
// We use these to control the style of the modal itself.
|
||||
// $reveal-modal-bg: #fff;
|
||||
$reveal-position-top: 20px;
|
||||
$reveal-default-width: 30%;
|
||||
// $reveal-modal-padding: rem-calc(20);
|
||||
$reveal-position-top: 30px;
|
||||
//$reveal-default-width: 30%;
|
||||
$reveal-modal-padding: rem-calc(25);
|
||||
// $reveal-box-shadow: 0 0 10px rgba(#000,.4);
|
||||
|
||||
// We use these to style the reveal close button
|
||||
// $reveal-close-font-size: rem-calc(22);
|
||||
$reveal-close-font-size: rem-calc(24);
|
||||
// $reveal-close-top: rem-calc(8);
|
||||
// $reveal-close-side: rem-calc(11);
|
||||
// $reveal-close-color: #aaa;
|
||||
@ -1068,7 +1068,7 @@ $tabs-navigation-font-color: #333;
|
||||
$tabs-navigation-font-size: rem-calc(14);
|
||||
// $tabs-navigation-font-family: $body-font-family;
|
||||
|
||||
// $tabs-content-margin-bottom: rem-calc(24);
|
||||
$tabs-content-margin-bottom: rem-calc(0);
|
||||
// $tabs-content-padding: $column-gutter/2;
|
||||
|
||||
// $tabs-vertical-navigation-margin-bottom: 1.25rem;
|
||||
|
||||
@ -177,6 +177,7 @@ input.search {
|
||||
|
||||
.button {
|
||||
background: #fff;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
@ -188,6 +189,7 @@ input.search {
|
||||
|
||||
.white_button {
|
||||
background-color: #fff !important;
|
||||
border: none;
|
||||
|
||||
&:hover {
|
||||
color: $primary-color !important;
|
||||
@ -439,30 +441,20 @@ fieldset {
|
||||
// Reveal
|
||||
|
||||
.reveal-modal h3 {
|
||||
margin-left: -20px;
|
||||
margin-bottom: 25px !important;
|
||||
}
|
||||
|
||||
.reveal-body {
|
||||
height:80%;
|
||||
overflow-y: overlay;
|
||||
overflow-x: hidden;
|
||||
padding: 5px 20px;
|
||||
}
|
||||
|
||||
.reveal-footer {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.max-height{
|
||||
max-height: 90%;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.form_buttons {
|
||||
padding-top: 20px;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
|
||||
@ -826,3 +818,4 @@ hr {
|
||||
border-color: #dfdfdf;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -70,26 +70,28 @@
|
||||
<%- end -%>
|
||||
<!-- end tabs -->
|
||||
</head>
|
||||
<body class="row antialiased">
|
||||
<div class="small-2 large-2 columns left-content">
|
||||
<div class="row left-header">
|
||||
<div class="large-12 columns">
|
||||
<img src="<%= view['small_logo'] %>"/>
|
||||
<body class="antialiased">
|
||||
<div class="row">
|
||||
<div class="small-2 large-2 columns left-content">
|
||||
<div class="row left-header">
|
||||
<div class="large-12 columns">
|
||||
<img src="<%= view['small_logo'] %>"/>
|
||||
</div>
|
||||
</div>
|
||||
<div id="menu" class="row left-body">
|
||||
<ul class="side-nav" id="navigation"></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="menu" class="row left-body">
|
||||
<ul class="side-nav" id="navigation"></ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="small-10 large-10 columns right-content">
|
||||
<div class="row user-zone-container"><div class="user-zone-info"></div></div>
|
||||
<div class="row right-header">
|
||||
<div class="small-10 large-10 columns right-content">
|
||||
<div class="row user-zone-container"><div class="user-zone-info"></div></div>
|
||||
<div class="row right-header">
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer" class="text-center large-10 columns right">
|
||||
<a href="http://opennebula.org" target="_blank">OpenNebula 4.6.0</a> by <a href="http://c12g.com" target="_blank">C12G Labs</a>.
|
||||
</div>
|
||||
<div class="large-12 columns" id="dialogs"></div>
|
||||
</div>
|
||||
<div id="footer" class="text-center large-10 columns right">
|
||||
<a href="http://opennebula.org" target="_blank">OpenNebula 4.6.0</a> by <a href="http://c12g.com" target="_blank">C12G Labs</a>.
|
||||
</div>
|
||||
<div class="large-12 columns" id="dialogs"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user