_elementMixins.scss
1.88 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
//**
// * This file contains mixins relating to specific functionality
// *
// * Mixins should be stored here rather than individual files
// */
//*Mixin generates the generic button styling for the gridfield*/
@mixin gridFieldButtons{
border:none;
display:block;
text-indent:-9999em;
width:30px;
height:25px; //match the height of the input field
}
// Mixin generates the styling for the actions buttons in file uploads
@mixin ss-uploadfield-action-buttons{
.ss-ui-button {
background: none;
border: 0;
@include box-shadow(none);
@include text-shadow(none);
color: $color-text-light;
float: right;
&.ss-uploadfield-item-delete {
// TODO tmp hack until we have permissions and can disable delete
display: none;
}
&.ss-uploadfield-item-cancel, &.ss-uploadfield-item-overwrite-warning {
@include border-radius(0);
border-left:1px solid rgba(#fff, 0.2);
margin-top:0px;
cursor: pointer;
opacity:0.9;
&:hover{
opacity:1;
}
.ui-icon {
display: block;
margin: 0;
position:realtive;
top:8px;
}
}
@include ss-uploadfield-editButton;
}
}
//**
// Mixin creates a transparent button with a dropdown arrow,
// as is used for files in the files up-load area. The arrows
// themselves are added in the _style file
//**/
@mixin ss-uploadfield-editButton{
&.ss-uploadfield-item-edit {
opacity:0.9;
padding-top: 1px;
padding-bottom: 0;
height:100%;
@include border-radius(0);
&.ui-state-hover{
background:none;
opacity:1;
span.toggle-details{
opacity:1;
}
}
span.toggle-details{
opacity:0.9;
margin-left:3px;
display: inline-block;
width: 5px;
height: 100%;
cursor: pointer;
.toggle-details-icon {
margin-top:1px;
display: inline-block;
width: 8px;
height: 8px;
vertical-align: middle;
&.opened {
margin-top:0;
}
}
}
}
.ui-icon {
display: none;
}
}