0x2620/oxjs
2
0
Fork 2
Code Issues 172 Pull requests Releases Wiki Activity

allow for grouped highlights in video annotations

Browse source
This commit is contained in:
rolux 2018-10-09 18:29:13 +02:00
commit a5f7dd720a
5 changed files with 107 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

29
source/UI/css/theme.css
View file

@ -61,19 +61,19 @@ body.$themeClass:-webkit-full-screen {
.$themeClass .OxGrid {
background-color: $gridGradient[0];
background-image:
-moz-linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]),
-moz-linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]),
-moz-linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]);
background:
-ms-linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]),
-ms-linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]),
-ms-linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]);
background-image:
-o-linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]),
-o-linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]),
-o-linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]);
background-image:
-webkit-linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]),
-webkit-linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]),
-webkit-linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]);
background-image:
linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]),
linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]),
linear-gradient(45deg, $gridGradient[1] 25%, transparent 25%, transparent 75%, $gridGradient[1] 75%, $gridGradient[1]);
}
.$themeClass .OxReflection > div {
@ -122,7 +122,7 @@ Bars
$progressbarBackground 25%, $progressbarBackground 50%,
transparent 50%, transparent 75%,
$progressbarBackground 75%, $progressbarBackground 100%
),
),
-moz-linear-gradient(top, $buttonGradient);
background:
-ms-repeating-linear-gradient(
@ -130,7 +130,7 @@ Bars
$progressbarBackground 25%, $progressbarBackground 50%,
transparent 50%, transparent 75%,
$progressbarBackground 75%, $progressbarBackground 100%
),
),
-ms-linear-gradient(top, $buttonGradient);
background-image:
-o-repeating-linear-gradient(
@ -138,7 +138,7 @@ Bars
$progressbarBackground 25%, $progressbarBackground 50%,
transparent 50%, transparent 75%,
$progressbarBackground 75%, $progressbarBackground 100%
),
),
-o-linear-gradient(top, $buttonGradient);
background-image:
-webkit-repeating-linear-gradient(
@ -146,7 +146,7 @@ Bars
$progressbarBackground 25%, $progressbarBackground 50%,
transparent 50%, transparent 75%,
$progressbarBackground 75%, $progressbarBackground 100%
),
),
-webkit-linear-gradient(top, $buttonGradient);
background-image:
repeating-linear-gradient(
@ -154,9 +154,9 @@ Bars
$progressbarBackground 25%, $progressbarBackground 50%,
transparent 50%, transparent 75%,
$progressbarBackground 75%, $progressbarBackground 100%
),
),
linear-gradient(top, $buttonGradient);
background-size: 32px 32px, 16px 16px;
background-size: 32px 32px, 16px 16px;
}
.$themeClass .OxProgressbar .OxProgress.OxAnimate {
background-image:
@ -422,7 +422,7 @@ Forms
background-image: -o-linear-gradient(top, $buttonDisabledGradient);
background-image: -webkit-linear-gradient(top, $buttonDisabledGradient);
background-image: linear-gradient(top, $buttonDisabledGradient);
color: $buttonDisabledColor;
color: $buttonDisabledColor;
}
.$themeClass .OxButton.OxSymbol,
@ -524,7 +524,7 @@ Forms
background-image: linear-gradient(top, $buttonDisabledGradient);
}
.$themeClass .OxFileInput.OxDisabled > .OxBar > div {
color: $buttonDisabledColor
color: $buttonDisabledColor
}
.$themeClass .OxFormMessage {
@ -1386,6 +1386,9 @@ Video
.$themeClass .OxAnnotationFolder .OxEditableElement.OxWarning .OxValue {
border-bottom: 2px dotted $bodyWarningBorder;
}
.$themeClass .OxAnnotationFolder .OxArrayEditable .OxEditableElement.OxEditable.OxGroup {
background-color: $videoAnnotationSelectedBackground;
}
.$themeClass .OxAnnotationFolder .OxArrayEditable .OxEditableElement.OxEditable.OxSelected {
background-color: $videoAnnotationEditableSelectedBackground;
}