← Back to branch summary

~ubuntu-branches/ubuntu/vivid/horizon/vivid-proposed

« back to all changes in this revision

Viewing changes to openstack_dashboard/static/dashboard/scss/components/resource_browser.scss

  • Committer: Package Import Robot
  • Author(s): Corey Bryant, Corey Bryant, James Page
  • Date: 2015-02-16 13:50:29 UTC
  • mfrom: (0.10.1) (1.2.6)
  • Revision ID: package-import@ubuntu.com-20150216135029-m632ppq5etw9te0c
Tags: 1:2015.1~b2-0ubuntu1
[ Corey Bryant ]
* New upstream release.
  - d/control: Align with upstream dependencies.
  - d/p/embedded-xstatic.patch: Refreshed. Code moved to new files.
  - d/p/fix-requirements.patch: Added to drop selenium dependency.

[ James Page ]
* d/bundle-xstatic.sh: Use --system flag when generating xstatic
  assets.

Show diffs side-by-side

added added

removed removed

Lines of Context:
openstack_dashboard/static/dashboard/scss/components/resource_browser.scss
1
 
/* ResourceBrowser style */
2
 
 
3
 
#browser_wrapper {
4
 
  width: $rbrowser-wrapper-width;
5
 
  min-width: 1000px;
6
 
  background-color: $rbrowser-header-background-color;
7
 
  border: $rbrowser-data-table-border-width solid $rbrowser-data-table-border-color;
8
 
  border-radius: 4px;
9
 
 
10
 
  .tfoot {
11
 
    clear: both;
12
 
    padding: 8px;
13
 
    border-top: 1px solid $rbrowser-data-table-border-color;
14
 
    background-color: $rbrowser-footer-background-color;
15
 
    font-size: 11px;
16
 
    line-height: 14px;
17
 
 
18
 
    span {
19
 
      display: inline-block;
20
 
 
21
 
      &.navigation_table_count {
22
 
        width: $rbrowser-navigation-table-width;
23
 
      }
24
 
    }
25
 
  }
26
 
 
27
 
  form,
28
 
  table {
29
 
    margin-bottom: 0;
30
 
  }
31
 
 
32
 
  .navigation_wrapper,
33
 
  .content_wrapper {
34
 
    position: relative;
35
 
    float: left;
36
 
  }
37
 
 
38
 
  div.navigation_wrapper {
39
 
    z-index: 10;
40
 
    width: $rbrowser-navigation-table-width;
41
 
 
42
 
    div.table_wrapper,
43
 
    thead th.table_header {
44
 
      border-right: 0 none;
45
 
      border-top-right-radius: 0;
46
 
    }
47
 
 
48
 
    td {
49
 
      &:first-child {
50
 
        border-left: 0 none;
51
 
      }
52
 
 
53
 
      &.breadcrumb_td {
54
 
        padding-right: 0;
55
 
        max-width: 200px;
56
 
      }
57
 
    }
58
 
 
59
 
    tr.current_selected td {
60
 
      background-color: $rbrowser-selected-color;
61
 
    }
62
 
 
63
 
    tfoot td {
64
 
      border-right: 0 none;
65
 
      border-bottom-right-radius: 0;
66
 
    }
67
 
 
68
 
    ul.breadcrumb {
69
 
      padding-right: 0;
70
 
      border-top-right-radius: 0;
71
 
      border-bottom-right-radius: 0;
72
 
      border-right: 0;
73
 
      white-space: nowrap;
74
 
    }
75
 
 
76
 
    tbody td {
77
 
      border-right: $rbrowser-data-table-border-width solid $rbrowser-data-table-border-color;
78
 
      background-color: $rbrowser-body-background-color;
79
 
 
80
 
      &.anchor {
81
 
        word-wrap: break-word;
82
 
        white-space: normal;
83
 
        max-width: 145px;
84
 
      }
85
 
    }
86
 
  }
87
 
 
88
 
  div.content_wrapper {
89
 
    width: $rbrowser-content-table-width;
90
 
 
91
 
    div.table_wrapper,
92
 
    thead th.table_header {
93
 
      border-left: 0 none;
94
 
      border-top-left-radius: 0;
95
 
    }
96
 
 
97
 
    td {
98
 
      border-bottom: $rbrowser-data-table-border-width solid $rbrowser-data-table-border-color;
99
 
 
100
 
      &:last-child {
101
 
        border-right: 0 none;
102
 
      }
103
 
 
104
 
      &.breadcrumb_td {
105
 
        padding-left: 0;
106
 
      }
107
 
    }
108
 
 
109
 
    tfoot td {
110
 
      border-left: 0 none;
111
 
      border-bottom-left-radius: 0;
112
 
    }
113
 
 
114
 
    /* FIXME(Ke Wu): for now there are two breadcrumb tr in both table
115
 
    * and this one in the content table is hidden. This hack is made to
116
 
    * fix the alignment of two table, needs a better solution in the
117
 
    * future.
118
 
    */
119
 
    ul.breadcrumb {
120
 
      padding-left: 0;
121
 
      border-top-left-radius: 0;
122
 
      border-bottom-left-radius: 0;
123
 
      border-left: 0;
124
 
 
125
 
      li {
126
 
        visibility: hidden;
127
 
      }
128
 
    }
129
 
  }
130
 
 
131
 
  table {
132
 
    border-collapse: collapse;
133
 
 
134
 
    thead {
135
 
      tr th {
136
 
        border-bottom: 0;
137
 
        background-color: $rbrowser-header-background-color;
138
 
      }
139
 
    }
140
 
 
141
 
    tbody {
142
 
      tr {
143
 
        &:last-child td {
144
 
          border-bottom: 1px solid $rbrowser-data-table-border-color;
145
 
          border-radius: 0;
146
 
        }
147
 
 
148
 
        &.empty td {
149
 
          height: $rbrowser-td-height;
150
 
          padding: $rbrowser-actions-column-padding;
151
 
        }
152
 
      }
153
 
 
154
 
      td.actions_column {
155
 
        position: static;
156
 
      }
157
 
    }
158
 
  }
159
 
 
160
 
  .breadcrumb {
161
 
    padding: 6px;
162
 
    margin: 0 0 1px;
163
 
  }
164
 
}