uniweb's Introduction
uniweb's People
uniweb's Issues
Barvy
Bude potřeba nastavení barev vyčlenit do samostatného souboru čistě jen s proměnnými pro snazší editaci z CMS. Dále bude potřeba stanovit algoritmus, kterým se z jedné barvy vypočítají všechny ostatní.
Kotvy vs. sticky menu
Při použití kotev se stránka posune tak, že na kotvě je horní okraj okna, nikoliv horní okraj sticky menu. Tím pádem je obsah částečně překrytý. Řešení navrhuje např. http://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header pomocí posunu kotvy o pár pixelů nahoru. Je ale potřeba to udělat tak, aby se to posouvalo jen na těch zařízeních, kde je sticky menu vidět.
použití v medailonech firem:
Grid
Narazil jsem na problém, kdy jsou za sebou 4 sloupce - náš standardní layout - které pro tablety jdou na půlky, takže vznikne rozložení 2+2 pod sebou. Pokud je druhý sloupec v pořadí nízký, objeví se chyba zalomení a třetí sloupec zůstane viset v pravé části stránky.
Řešení je vložit za něj clearing v tomto znění:
<div class="clearfix show-for-medium-only">
</div>
Ale logiku automatického vkládání nevím - za druhým sloupcem.
Třída show-for-medium-only je zde pro správné zobrazení pouze na tabletech/menším rozlišení.
Loga
Bude potřeba nastavení log vyčlenit do samostatného souboru čistě jen s proměnnými pro snazší editaci z CMS. Týká se loga v záhlaví a loga u kontaktů v zápatí. Bude potřeba vyřešit nejen nastavení souboru s obrázkem, ale i rozměru loga - např. logo FSS má jinou šířku, než logo CERITu. Měla by být i možnost logo nezadat vůbec.
Je otázka, jestli umožnit i konfiguraci zobrazení horního loga mimo grid, nebo tuto myšlenku opustíme a loga budou vždy v gridu.
.above-header-bar
prosím, prosím, v části:
<div class="row-wide above-header-bar">
<div class="row">
<div class="medium-6 columns hide-for-small-only">
<div class="medium-6 columns hide-for-small-only text-right">
class medium-3 změnit na medium-6 a u dalšího sloupečku y medium-9 na medium-6 taktéž - dochází k přelomení nápisu Masarykova univerzita do dvou řádku a rozbití horní části layoutu.
Cerit rozcestník - loga
Ahoj,
přemýšlím, proč se mi ve FF zobrazuje logo C4E správně a v Chrome posunuté a vidím, že u mixin inner-logo-cont img je nastavené
transform: translateY(-55%);
-webkit-transform: translateY(-27%);
-o-transform: translateY(-27%);
Je nějaký důvod, proč je to různé?
P
Logo Cerit-SP překrývá modal
Pro zobrazení chyb v případě AJAX requestu používáme modální dialog. Logo CERITu nahoře v záhlaví tento dialog částečně překrývá, asi někde špatně nastavený z-index?
Přepínání jazyků
Přepínátko jazyků zatím nemá žádnou funkci, na kliknutí nezobrazí menu s možností přepínání.
Odkaz a střídání slideshow modulu
Má slideshow modul někam odkazovat a střídat se více obrázků, nebo je to jen statický prvek, bez odkazu?
Obrázek v záhlaví
Bude potřeba nastavení obrázku v záhlaví vyčlenit do samostatného souboru čistě jen s proměnnými pro snazší editaci z CMS. Měla by být i možnost obrázek vůbec nevybrat. S obrázkem souvisí i výška záhlaví, bude vždy pevná?
SVG ikona 5-cs.svg
Soubor pro ikonu 5. dne měsíce v češtině zabírá skoro 1 MB.
Vyhledávací políčko a vlaječka na mobilech
V html kódu šablony je sekci nav.main-bar > section umístěno vyhledávací políčko pro mobily a přepínání jazyků, ale nikde se nevykresluje.
Obecný styl pro poměr stran
Při vytváření google mapy jsem narazil na to, že styly pro poměr stran (r16x9 atd.) jsou definovány vždy speciálně pro daný modul (slideshow, vyjížděcí upoutávka). Dal by se definovat tento styl i obecně tak, aby se dal použít na libovolný vnitřek? Např. teď pro tu google mapu.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.