Fluid layouts 2 electric boogaloo (#2047)
* [Frontend] Viewport metatag updated Fixes #2008 - Added shrink-to-fit=no; * [Frontend] Fix to Time Conductor for Safari Fixes #2008 - CSS mod for gradient blockers in TC * [Frontend] Remove data visualization element in TC Fixes #2008 - Note: this element holds the TOI indicator! * [Frontend] Hide TC ticks when on mobile Fixes #2008 - Added class `mobile-hide` to <conductor-axis> * [Frontend] Significant mobile fixes for panes and viewport Fixes #2008 Fixes #1770 Fixes #1928 - Left and right panes now positioning properly in mobile; - Fixed body overflow problem for #2008 "viewport" issue; * fixes multiple issues related to 2008 context menu firing too often - fixed by setting a isDragging flag Add and Remove respective classes on mobile orientation change by using mathMedia Close tree pane when navigating in mobile portrait only * [Frontend] Various Fixes #2008 - Always show Timeline zoom controls; - Prevent inline editing of object names in the main view when in mobile; * Add touch functionality to mct-drag it allows users to use the splitter in mobile and include appropriate tests * remove couchdb and reinstall localStorage * [Frontend] Mods to imagery CSS Fixes #2008 - Reduced size of image thumbnails; - Changed min-heights of image and thumbnail holders for .mobile.phone * [Frontend] Add Advanced CSS property to Display Layouts - WIP! - Add property to bundle; - Add CSS for column, row and fit-all classes; * [Frontend] Grid holder and class prefixing - WIP! - Edit grid-holder set to position: absolute - Added "fl-" prefix to fluid layout class names; * [Frontend] More CSS tweaks - WIP! * [Frontend] Added .drag-vertical - For use in Elements pool; - Applied in elements.html; * fix: check if stats is present before reseting zoom (#2029) * [Timer] Fix regression in timer visual indication and add tests * [TimeConductor] Fixes Issue #925 (#2020) * [TimeConductor] Fixes Issue #925` - Pressing enter in date field will update bounds properly in Safari * [Copyright] Update copyright year across platform code references Fixes #2034. * fixes issue #1999 - Use Object name as default export filename (#2001) * fixes issue #1999 add dynamic name(object name) to exportAsCSV filename * make requested changes * [Frontend] Add Advanced CSS property to Display Layouts - WIP! - Add property to bundle; - Add CSS for column, row and fit-all classes; * [Frontend] Grid holder and class prefixing - WIP! - Edit grid-holder set to position: absolute - Added "fl-" prefix to fluid layout class names; * [Frontend] More CSS tweaks - WIP! * [Frontend] Added .drag-vertical - For use in Elements pool; - Applied in elements.html; * [Frontend] More CSS tweaks - WIP! - Added .fl-phone-best-fit * working drag and switch, need to mutate * fix conflict * add ability to rearrange composition using drag gestures * add maxHeight and maxWidth to layout frames * [Frontend] Added fl-mobile-best-fit * [Frontend] Allow editor to set mins dimensions for fluid layout - Cleanups in CSS; - Mod to LayoutController.js to use minWidth and minHeight; * [Frontend] Styles for reordering in Elements pool - Changed class "dragging" to "reordering"; - Visual styling WIP; - TODO: style "reorder-actor" when implemented; * add reorder-actor class to draggable item in elements pool when selected and remove class when dropped * stacked plots reload on composition change * [Frontend] Tweaks to Elements pool reordering styles - "reorder-actor" added/removed from parent tree item; - Refined styling for drag in process in list; * [Frontend] Added new 12px list view glyph - Font files and CSS updates; * [Frontend] Added new 12px grippy glyph - Font files and CSS updates for Elements pool sorting styling; * fix failing test * make reviewer requested changes * remove create dialog from mobile
This commit is contained in:
Andrew Henry
@@ -22,6 +22,9 @@
|
||||
.frame {
|
||||
$ohH: $btnFrameH;
|
||||
$bc: $colorInteriorBorder;
|
||||
|
||||
position: absolute;
|
||||
|
||||
&.child-frame.panel {
|
||||
z-index: 0; // Needed to prevent child-frame controls from showing through when another child-frame is above
|
||||
&:not(.no-frame) {
|
||||
@@ -171,3 +174,76 @@ body.desktop .frame {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.holder-object:not(.s-status-editing) {
|
||||
.l-layout {
|
||||
&.fl-column,
|
||||
&.fl-row,
|
||||
&.fl-wrap,
|
||||
&.fl-phone-best-fit,
|
||||
&.fl-mobile-best-fit {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-content: stretch;
|
||||
align-items: stretch;
|
||||
> .frame {
|
||||
display: block;
|
||||
flex: 1 1 auto;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
&.t-object-type-summary-widget {
|
||||
&.no-frame.t-frame-outer > .t-rep-frame {
|
||||
&.contents {
|
||||
// When frame is hidden, add a bit of margin to the contents
|
||||
$m: $interiorMargin;
|
||||
top: $m; right: $m; bottom: $m; left: $m;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.fl-column {
|
||||
flex-direction: column;
|
||||
padding-right: $interiorMargin;
|
||||
}
|
||||
&.fl-row {
|
||||
flex-direction: row;
|
||||
padding-bottom: $interiorMargin;
|
||||
}
|
||||
|
||||
&.fl-wrap {
|
||||
align-content: flex-start;
|
||||
align-items: flex-start;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.holder-object {
|
||||
.l-layout {
|
||||
&.fl-column,
|
||||
&.fl-row,
|
||||
&.fl-wrap,
|
||||
&.fl-phone-best-fit,
|
||||
&.fl-mobile-best-fit {
|
||||
> .frame {
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.mobile {
|
||||
.l-layout.fl-mobile-best-fit {
|
||||
flex-wrap: wrap !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
&.portrait .l-layout.fl-mobile-best-fit {
|
||||
flex-direction: column !important;
|
||||
}
|
||||
&.landscape .l-layout.fl-mobile-best-fit {
|
||||
flex-direction: row !important;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user