Examples: query, "exact match", wildcard*, wild?ard, wild*rd
Fuzzy search: cake~ (finds cakes, bake)
Term boost: "red velvet"^4, chocolate^2
Field grouping: tags:(+work -"fun-stuff")
Escape special characters +-&|!(){}[]^"~*?:\ - e.g. \+ \* \!
Range search: properties.timestamp:[1587729413488 TO *] (inclusive), properties.title:{A TO Z}(excluding A and Z)
Combinations: chocolate AND vanilla, chocolate OR vanilla, (chocolate OR vanilla) NOT "vanilla pudding"
Field search: properties.title:"The Title" AND text
 
Answered
Hiding HTML Elements in Tecton

I'm attempting to translate a Wedge extension into a Tecton extension, however I cannot find documentation for certain css functionality in Tecton that could be done in Wedge. In Wedge, it is possible to hide certain elements based on screen size through defining a class like so:

<div class="hidden-md hidden-lg">

Is it possible to do the same in Tecton, and if so, how does one do so?

Votes Newest

Answers


We do not currently have those classes in the default tecton style sheet. I will write a ticket to get that added. I the mean time the break points tecton uses is:

$breakpoint-xs: 480px !default;
$breakpoint-sm: 768px !default;
$breakpoint-md: 992px !default;
$breakpoint-lg: 1200px !default;
$breakpoint-xl: 1400px !default;

this style tag could be added to get those css classes where items are hidden on below certain widths:

<style>
@media screen and (max-width: 768px) {
    [data-tecton-module] .hidden-xs {
      display: none;
    }
}

@media screen and (max-width: 992px) {
    [data-tecton-module] .hidden-sm {
        display: none;
      }
}

@media screen and (max-width: 1200px) {
    [data-tecton-module] .hidden-md {
        display: none;
      }
}

@media screen and (max-width: 1400px) {
    [data-tecton-module] .hidden-lg {
        display: none;
      }
}

@media screen and (max-width: null) {
    [data-tecton-module] .hidden {
        display: none;
      }
}

</style>
Posted 5 years ago
Edited 5 years ago
Ryan Hollister
196 × 4 Administrator
160 Views
1 Answer
5 years ago
5 years ago
Tags