Merge pull request #4761 from zbettenbuk/aot-icons
fix: fix and refactor AoT css
This commit is contained in:
commit
b3a78dc2e6
|
@ -0,0 +1,48 @@
|
||||||
|
|
||||||
|
.always-on-top-toolbox {
|
||||||
|
background-color: $newToolbarBackgroundColor;
|
||||||
|
border-radius: 3px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
left: 50%;
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
z-index: $toolbarZ;
|
||||||
|
|
||||||
|
.toolbox-icon {
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 7px;
|
||||||
|
|
||||||
|
&.toggled {
|
||||||
|
background: $AOTToolbarButtonToggleColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.disabled {
|
||||||
|
cursor: initial;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.toolbox-button {
|
||||||
|
&:first-child {
|
||||||
|
.toolbox-icon {
|
||||||
|
border-top-left-radius: 3px;
|
||||||
|
border-bottom-left-radius: 3px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(2) {
|
||||||
|
svg {
|
||||||
|
fill: $hangupColor;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
.toolbox-icon {
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
border-bottom-right-radius: 3px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
|
@ -270,7 +270,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.always-on-top-toolbox,
|
|
||||||
.filmstrip-toolbox {
|
.filmstrip-toolbox {
|
||||||
background-color: $newToolbarBackgroundColor;
|
background-color: $newToolbarBackgroundColor;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@ -304,36 +303,6 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.always-on-top-toolbox {
|
|
||||||
flex-direction: row;
|
|
||||||
left: 50%;
|
|
||||||
position: absolute;
|
|
||||||
top: 10px;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
z-index: $toolbarZ;
|
|
||||||
|
|
||||||
i {
|
|
||||||
font-size: $newToolbarFontSize;
|
|
||||||
height: $newToolbarSize;
|
|
||||||
line-height: $newToolbarSize;
|
|
||||||
width: $newToolbarSize;
|
|
||||||
}
|
|
||||||
|
|
||||||
.disabled {
|
|
||||||
cursor: initial;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toolbox-button:first-child i {
|
|
||||||
border-top-left-radius: 3px;
|
|
||||||
border-bottom-left-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toolbox-button:last-child i {
|
|
||||||
border-top-right-radius: 3px;
|
|
||||||
border-bottom-right-radius: 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.filmstrip-toolbox {
|
.filmstrip-toolbox {
|
||||||
i {
|
i {
|
||||||
font-size: 1.9em;
|
font-size: 1.9em;
|
||||||
|
|
|
@ -26,6 +26,7 @@ $flagsImagePath: "../images/";
|
||||||
/* Modules BEGIN */
|
/* Modules BEGIN */
|
||||||
|
|
||||||
@import 'aui_reset';
|
@import 'aui_reset';
|
||||||
|
@import 'always_on_top';
|
||||||
@import 'atlaskit_overrides';
|
@import 'atlaskit_overrides';
|
||||||
@import 'base';
|
@import 'base';
|
||||||
@import 'utils';
|
@import 'utils';
|
||||||
|
|
Loading…
Reference in New Issue