Skip to content

CIRCLE / cloud

Go to a project
Commit 2c67225b by Bence Dányi
Options

webui: add vendor prefixes to "experimental" css features

parent e9b1d76f
Showing with 15 additions and 8 deletions
one/static/style/base.less
......@@ -447,3 +447,10 @@ body > footer {
font-size: 1.1em;
}
}
.vendor (@prop, @val) {
-foo: ~"bar; -webkit-@{prop}: @{val}; -moz-@{prop}: @{val}; -ms-@{prop}: @{val}; -o-@{prop}: @{val}; @{prop}: @{val};";
}
.vendorVal (@prop, @val, @arg) {
-foo: ~"bar; @{prop}: -webkit-@{val}(@{arg}); @{prop}: -moz-@{val}(@{arg}); @{prop}: -ms-@{val}(@{arg}); @{prop}: -o-@{val}(@{arg}); @{prop}: @{val}(@{arg});";
}
one/static/style/box.less
......@@ -72,10 +72,10 @@
display: block !important;
}
.summary .name {
width: calc(~"100% - 200px");
.vendorVal(width, calc, "100% - 200px");
span {
width: calc(~"60% + 95px");
max-width: calc(~"100% - 95px");
.vendorVal(width, calc, "60% + 95px");
.vendorVal(max-width, calc, "100% - 95px");
}
}
.summary .name .details {
......@@ -180,10 +180,10 @@
display: block;
}
.name {
width: calc(~"100% - 200px");
.vendorVal(width, calc, "100% - 200px");
span {
width: calc(~"60% + 95px");
max-width: calc(~"100% - 95px");
.vendorVal(width, calc, "60% + 95px");
.vendorVal(max-width, calc, "100% - 95px");
}
.details {
display: block;
......@@ -204,7 +204,7 @@
z-index: 2;
position: relative;
height: 24px;
width: calc(~"100% - 90px");
.vendorVal(width, calc, "100% - 90px");
span {
float: left;
text-overflow: ellipsis;
......@@ -564,7 +564,7 @@ table {
.summary {
.name {
background-image: url(/static/icons/users.png);
width: calc(~"100% - 70px");
.vendorVal(width, calc, "100% - 70px");
}
}
li.owner {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment