← Back to branch summary

~bcsaller/juju-gui/svgdefs

« back to all changes in this revision

Viewing changes to lib/views/juju-inspector.less

  • Committer: Benji York
  • Date: 2013-07-11 21:43:22 UTC
  • mfrom: (806.5.16 destroy-controls)
  • Revision ID: benji.york@canonical.com-20130711214322-7ftw6d06t640m8ga
Add destroy service and destroy ghost facility.

R=jeff.pihach, matthew.scott
CC=
https://codereview.appspot.com/11169043

Show diffs side-by-side

added added

removed removed

Lines of Context:
lib/views/juju-inspector.less
 
1
@inspector-background-color: #333;
 
2
@inspector-region-background-color: #282828;
 
3
 
1
4
.yui3-juju-inspector {
2
5
    position: absolute;
3
6
    width: 292px;
4
7
    min-height: 250px;
5
 
    background-color: #333;
 
8
    background-color: @inspector-background-color;
6
9
    color: #fff;
7
10
 
8
11
    h1, h2, h3, h4, h5, h6 {
9
 
        background-color: #282828;
 
12
        background-color: @inspector-region-background-color;
10
13
        padding-left: 1em;
11
14
    }
12
15
 
206
209
            background-color: #ba0000;
207
210
        }
208
211
    }
 
212
 
 
213
    .destroy-service-icon {
 
214
        cursor: pointer;
 
215
        float: right;
 
216
        width: 20px;
 
217
        height: 24px;
 
218
        padding: 0;
 
219
        /* Make sure the destroy icon is below the close-the-inspector icon. */
 
220
        clear: both;
 
221
        margin-bottom: 1ex;
 
222
        background-position: center;
 
223
        background-repeat: no-repeat; 
 
224
        background-image:
 
225
            url("/juju-ui/assets/images/inspector-destroy-service.png");
 
226
    }
 
227
 
 
228
    .destroy-service-prompt {
 
229
        overflow: hidden;
 
230
        height: 95px;
 
231
        background-color: @inspector-region-background-color;
 
232
        margin-bottom: 10px;
 
233
        transition: 1s, height 1s;
 
234
        -webkit-transition: 1s, height 1s;
 
235
 
 
236
        /* Make sure the prompt box is below the icon. */
 
237
        clear: both;
 
238
 
 
239
        .message {
 
240
            margin: 5px 15px;
 
241
        }
 
242
 
 
243
        .buttons {
 
244
            a {
 
245
                .create-border-radius(4px);
 
246
                .create-box-shadow(0 2px 2px -2px #777 inset);
 
247
                box-shadow: 0 2px 2px -2px #777777 inset;
 
248
                color: #fff;
 
249
                background: #dd4814;
 
250
                padding: 5px 0;
 
251
                text-decoration: none;
 
252
                text-align: center;
 
253
                margin-top: 10px;
 
254
                width: 110px;
 
255
                float: left;
 
256
                margin-left: 13px; 
 
257
            }
 
258
 
 
259
            a:last-of-type {
 
260
                mergin-right: 0;
 
261
            }
 
262
 
 
263
            .grey {
 
264
                background: #999;
 
265
            }
 
266
        }
 
267
    }
 
268
 
 
269
    .destroy-service-prompt.closed {
 
270
        height: 0;
 
271
    }
 
272
 
209
273
}