mirror of
https://github.com/OpenNebula/one.git
synced 2025-03-22 18:50:08 +03:00
Feature #4363: Restoring missing styles in migration, remove unused style classes
This commit is contained in:
Carlos Martín
parent
0687cda320
commit
5a9ae39947
@ -304,7 +304,7 @@ define(function(require) {
|
||||
buttonContext = $("#" + customId + "refresh_buttons", buttonsRow);
|
||||
icon = button.icon ? button.icon : '<i class="fa fa-refresh"/>';
|
||||
text = button.text ? icon + ' ' + button.text : icon;
|
||||
strClass.push("white_button", "refresh", "button", "secondary");
|
||||
strClass.push("refresh", "button", "secondary");
|
||||
buttonCode = '<button class="' + strClass.join(' ') + '" href="' + buttonName + '">' + text + '</button>';
|
||||
break;
|
||||
case "top":
|
||||
@ -313,7 +313,7 @@ define(function(require) {
|
||||
'<i class="fa fa-refresh fa-stack-2x" style="color: #dfdfdf"></i>' +
|
||||
'<i class="fa fa-play fa-stack-1x"></i>' +
|
||||
'</span>';
|
||||
strClass.push("white_button", "toggle_top_button", "only-right-list", "button", "hollow");
|
||||
strClass.push("toggle_top_button", "only-right-list", "button", "hollow");
|
||||
buttonCode = '<a class="' + strClass.join(' ') + '" style="padding-left:0px; margin-right: 20px">' + text + '</a>';
|
||||
break;
|
||||
case "main":
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
{{! limitations under the License. }}
|
||||
{{! -------------------------------------------------------------------------- }}
|
||||
|
||||
<div id="{{containerId}}" class="bordered-tabs">
|
||||
<div id="{{containerId}}">
|
||||
<ul id="{{containerId}}Tabs" class="tabs right-info-tabs text-center" data-tabs>
|
||||
{{#each panels}}
|
||||
<li class="tabs-title {{#if active}}is-active{{/if}}">
|
||||
|
||||
@ -60,7 +60,7 @@
|
||||
|
||||
{{#if subheader}}
|
||||
<div class="row header-info">
|
||||
<div class="large-12 columns text-center totals-info">
|
||||
<div class="large-12 columns text-center">
|
||||
<h5>
|
||||
{{#if subheader}}
|
||||
{{{subheader}}}
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
{{! limitations under the License. }}
|
||||
{{! -------------------------------------------------------------------------- }}
|
||||
|
||||
<div class="totals-info">
|
||||
<div>
|
||||
<fieldset class="large-font">
|
||||
<legend>
|
||||
<ul class="menu simple">
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
{{! See the License for the specific language governing permissions and }}
|
||||
{{! limitations under the License. }}
|
||||
{{! -------------------------------------------------------------------------- }}
|
||||
<div class="totals-info">
|
||||
<div>
|
||||
<fieldset class="large-font">
|
||||
<legend>
|
||||
<ul class="menu simple">
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
{{! See the License for the specific language governing permissions and }}
|
||||
{{! limitations under the License. }}
|
||||
{{! -------------------------------------------------------------------------- }}
|
||||
<div class="totals-info">
|
||||
<div>
|
||||
<fieldset class="large-font">
|
||||
<legend>
|
||||
<ul class="menu simple">
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
{{! limitations under the License. }}
|
||||
{{! -------------------------------------------------------------------------- }}
|
||||
|
||||
<div class="totals-info">
|
||||
<div>
|
||||
<fieldset class="large-font">
|
||||
<legend>
|
||||
<ul class="menu simple">
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
{{! limitations under the License. }}
|
||||
{{! -------------------------------------------------------------------------- }}
|
||||
|
||||
<div class="totals-info">
|
||||
<div>
|
||||
<fieldset class="large-font">
|
||||
<legend>
|
||||
<ul class="menu simple">
|
||||
|
||||
@ -105,7 +105,7 @@
|
||||
</div>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div id="new_role" class="bordered-tabs large-12 columns">
|
||||
<div id="new_role" class="large-12 columns">
|
||||
<ul class="tabs" id="roles_tabs" data-tabs>
|
||||
<a class="button small right radius" id="tf_btn_roles">
|
||||
<span class="fa fa-plus"></span>{{tr "Add another role"}}
|
||||
|
||||
@ -71,7 +71,7 @@
|
||||
<div class="medium-4 columns">
|
||||
<button href="#" data-options="align:right" data-dropdown="provisionVMInstantiateLabelsDropdown" class="secondary button dropdown"> <i class="fa fa-tags"/>{{tr "Labels"}}
|
||||
</button>
|
||||
<ul id="provisionVMInstantiateLabelsDropdown" class="labels-dropdown f-dropdown" data-dropdown-content></ul>
|
||||
<ul id="provisionVMInstantiateLabelsDropdown" class="labels-dropdown" data-dropdown-content></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="medium-6 columns"></div>
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
{{! -------------------------------------------------------------------------- }}
|
||||
|
||||
<form data-abide="ajax" id="{{formPanelId}}Wizard" class="custom creation">
|
||||
<div class="bordered-tabs">
|
||||
<div>
|
||||
<dl id="{{formPanelId}}Tabs" class="tabs right-info-tabs" data-tabs>
|
||||
{{#each wizardTabs}}
|
||||
<dd class='tabs-title {{classes}}'>
|
||||
|
||||
@ -91,7 +91,7 @@
|
||||
<textarea rows="6" type="text" id="user_ssh_public_key_textarea" name="ssh_public_key" hidden>
|
||||
{{~element.TEMPLATE.SSH_PUBLIC_KEY~}}
|
||||
</textarea>
|
||||
<p id="user_ssh_public_key_text" name="ssh_public_key">
|
||||
<p id="user_ssh_public_key_text" class="ellipsis" name="ssh_public_key">
|
||||
{{#if element.TEMPLATE.SSH_PUBLIC_KEY}}
|
||||
{{element.TEMPLATE.SSH_PUBLIC_KEY}}
|
||||
{{else}}
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
{{! -------------------------------------------------------------------------- }}
|
||||
|
||||
<form data-abide="ajax" id="{{formPanelId}}Wizard" class="custom creation">
|
||||
<div class="bordered-tabs">
|
||||
<div>
|
||||
<dl id="{{formPanelId}}Tabs" class="tabs right-info-tabs" data-tabs>
|
||||
{{#each wizardTabs}}
|
||||
<dd class='tabs-title {{classes}}'>
|
||||
|
||||
20
src/sunstone/public/scss/_helper-classes.scss
Normal file
20
src/sunstone/public/scss/_helper-classes.scss
Normal file
@ -0,0 +1,20 @@
|
||||
.open-control:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ellipsis {
|
||||
overflow-x: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
/*
|
||||
#user_ssh_public_key_text, #config_ssh_public_key_text {
|
||||
overflow-x:hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
*/
|
||||
// padding: 0px 10px;
|
||||
// height: 120px;
|
||||
@ -452,8 +452,8 @@ $pagination-item-color: $black;
|
||||
$pagination-item-padding: rem-calc(3 10);
|
||||
$pagination-item-spacing: rem-calc(1);
|
||||
$pagination-radius: $global-radius;
|
||||
$pagination-item-background-hover: $light-gray;
|
||||
$pagination-item-background-current: $primary-color;
|
||||
$pagination-item-background-hover: $medium-gray;
|
||||
$pagination-item-background-current: $light-gray;
|
||||
$pagination-item-color-current: foreground($pagination-item-background-current);
|
||||
$pagination-item-color-disabled: $medium-gray;
|
||||
$pagination-ellipsis-color: $black;
|
||||
|
||||
@ -73,4 +73,10 @@ table {
|
||||
.refresh-table {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table{
|
||||
.has-tip {
|
||||
display: table-cell;
|
||||
}
|
||||
}
|
||||
|
||||
52
src/sunstone/public/scss/_tree.scss
Normal file
52
src/sunstone/public/scss/_tree.scss
Normal file
@ -0,0 +1,52 @@
|
||||
|
||||
/* Tree lists */
|
||||
|
||||
.tree, .tree ul{
|
||||
font: inherit;
|
||||
list-style-type: none;
|
||||
margin-left: 1em;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tree li{
|
||||
margin: 0;
|
||||
padding: 0 1em;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tree li::before, .tree li::after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
/* horizontal line on inner list items */
|
||||
.tree li::before{
|
||||
border-top: 1px solid #999;
|
||||
top: 0.5em;
|
||||
width: 10px;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* vertical line on list items */
|
||||
.tree li:after{
|
||||
border-left: 1px solid #999;
|
||||
height: 100%;
|
||||
width: 0px;
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* lower line on list items from the first level because they don't have parents */
|
||||
.tree > li::after{
|
||||
top: 0.5em;
|
||||
}
|
||||
|
||||
/* hide line from the last of the first level list items */
|
||||
.tree > li:last-child::after{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tree ul:last-child li:last-child:after{
|
||||
height:1em;
|
||||
}
|
||||
@ -34,6 +34,8 @@
|
||||
@import './table';
|
||||
@import './tabs';
|
||||
@import './vcenter';
|
||||
@import './tree';
|
||||
@import './helper-classes';
|
||||
|
||||
//@font-face {
|
||||
// font-family: 'Open Sans';
|
||||
@ -120,18 +122,8 @@ meter {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
table{
|
||||
.has-tip {
|
||||
display: table-cell;
|
||||
}
|
||||
}
|
||||
|
||||
.nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.disk-resize-icon {
|
||||
color: $bold-black;
|
||||
font-weight: $global-weight-normal;
|
||||
}
|
||||
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user