ui(right panel): #issue84 CSS - Right panel
Transform svg files + add them as font. Review and correct HTML architecture. Review and add styles. Open/close menu on right + expand content.
This commit is contained in:
Gaëlle Morin
parent
ed50a26380
commit
5bf9568e2f
@ -1,51 +0,0 @@
|
||||
// Scripts
|
||||
//- script(src="https://unpkg.com/@webcomponents/webcomponentsjs@1.2.7/webcomponents-loader.js")
|
||||
//script(src="/lib/webcomponentsjs/webcomponents-loader.js")
|
||||
//- script(src="lib/html-imports.js")
|
||||
|
||||
script(src="/lib/oidc-client.js")
|
||||
script(
|
||||
src="https://cdn.happy-dev.fr/sib-oidc/sib-oidc.js"
|
||||
data-authority=`${sdn}/openid/`,
|
||||
data-client_id=`${client_id}`,
|
||||
data-response_type='id_token token',
|
||||
data-scope='openid profile email',
|
||||
data-automaticSilentRenew='true',
|
||||
data-loadUserInfo='true'
|
||||
)
|
||||
|
||||
script(src="/scripts/index.js")
|
||||
script(type="module" src="/scripts/hd-widgets.js")
|
||||
|
||||
// Stylesheets
|
||||
link(rel='stylesheet', href='/lib/normalize.css')
|
||||
link(rel='stylesheet', href='/styles/index.css')
|
||||
link(
|
||||
rel='stylesheet'
|
||||
href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700&subset=latin-ext'
|
||||
)
|
||||
link(href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet")
|
||||
|
||||
// Web components
|
||||
|
||||
//- local
|
||||
//script(type="module" src="/lib/sib-core/sib-display.js")
|
||||
//script(type="module" src="/lib/sib-router/sib-router.js")
|
||||
//script(type="module" src="/lib/sib-core/sib-form.js")
|
||||
|
||||
link(rel='import', href='/lib/sib-chat/sib-chat.html')
|
||||
|
||||
//- cdn
|
||||
<<<<<<< HEAD
|
||||
script(type="module" src="https://cdn.happy-dev.fr/sib-core/sib-display.js")
|
||||
script(type="module" src="https://cdn.happy-dev.fr/sib-router/sib-router.js")
|
||||
script(type="module" src="https://cdn.happy-dev.fr/sib-core/sib-form.js")
|
||||
=======
|
||||
script(type='module' src='https://cdn.happy-dev.fr/sib-core/sib-display.js')
|
||||
script(type='module' src='https://cdn.happy-dev.fr/sib-router/sib-router.js')
|
||||
script(type='module' src='https://cdn.happy-dev.fr/sib-chat/sib-chat.js')
|
||||
script(type='module' src='https://cdn.happy-dev.fr/sib-chat/sib-form.js')
|
||||
//- link(rel='import', href="https://cdn.happy-dev.fr/sib-core/sib-display.html")
|
||||
//- link(rel='import', href="https://cdn.happy-dev.fr/sib-router/sib-router.html")
|
||||
//- link(rel='import', href="https://cdn.happy-dev.fr/sib-chat/sib-chat.html")
|
||||
>>>>>>> e595053... pug syntax for scripts
|
||||
368
src/error.log
368
src/error.log
@ -1,368 +0,0 @@
|
||||
ImproperlyConfigured at /members/
|
||||
Could not resolve URL for hyperlinked relationship using view name "member-detail". You may have failed to include the related model in your API, or incorrectly configured the `lookup_field` attribute on this field.
|
||||
|
||||
Request Method: GET
|
||||
Request URL: http://127.0.0.1:8000/members/
|
||||
Django Version: 1.11
|
||||
Python Executable: /home/ubuntu/dev/test/ldpserverhdparis/env/bin/python
|
||||
Python Version: 3.6.6
|
||||
Python Path: ['/home/ubuntu/dev/test/ldpserverhdparis', '/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python36.zip', '/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6', '/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/lib-dynload', '/usr/lib/python3.6', '/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages']
|
||||
Server time: Tue, 30 Oct 2018 16:22:14 +0000
|
||||
Installed Applications:
|
||||
['ldpserverhdparis',
|
||||
'djangoldp',
|
||||
'django.contrib.admin',
|
||||
'django.contrib.auth',
|
||||
'django.contrib.contenttypes',
|
||||
'django.contrib.sessions',
|
||||
'django.contrib.messages',
|
||||
'django.contrib.staticfiles',
|
||||
'oidc_provider',
|
||||
'guardian']
|
||||
Installed Middleware:
|
||||
['django.middleware.security.SecurityMiddleware',
|
||||
'django.contrib.sessions.middleware.SessionMiddleware',
|
||||
'django.middleware.common.CommonMiddleware',
|
||||
'django.middleware.csrf.CsrfViewMiddleware',
|
||||
'django.contrib.auth.middleware.AuthenticationMiddleware',
|
||||
'django.contrib.messages.middleware.MessageMiddleware',
|
||||
'django.middleware.clickjacking.XFrameOptionsMiddleware']
|
||||
|
||||
|
||||
Traceback:
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/rest_framework/relations.py" in to_representation
|
||||
400. url = self.get_url(value, self.view_name, request, format)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/rest_framework/relations.py" in get_url
|
||||
338. return self.reverse(view_name, kwargs=kwargs, request=request, format=format)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/rest_framework/reverse.py" in reverse
|
||||
50. url = _reverse(viewname, args, kwargs, request, format, **extra)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/rest_framework/reverse.py" in _reverse
|
||||
63. url = django_reverse(viewname, args=args, kwargs=kwargs, **extra)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/django/urls/base.py" in reverse
|
||||
91. return force_text(iri_to_uri(resolver._reverse_with_prefix(view, prefix, *args, **kwargs)))
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/django/urls/resolvers.py" in _reverse_with_prefix
|
||||
497. raise NoReverseMatch(msg)
|
||||
|
||||
|
||||
During handling of the above exception (Reverse for 'member-detail' with keyword arguments '{'pseudo': 'alex.bourlier'}' not found. 1 pattern(s) tried: ['members/(?P<pseudo>[\\w-]+)/$']), another exception occurred:
|
||||
|
||||
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/django/core/handlers/exception.py" in inner
|
||||
41. response = get_response(request)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/django/core/handlers/base.py" in _get_response
|
||||
187. response = self.process_exception_by_middleware(e, request)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/django/core/handlers/base.py" in _get_response
|
||||
185. response = wrapped_callback(request, *callback_args, **callback_kwargs)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/django/views/decorators/csrf.py" in wrapped_view
|
||||
58. return view_func(*args, **kwargs)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/rest_framework/viewsets.py" in view
|
||||
116. return self.dispatch(request, *args, **kwargs)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/djangoldp/views.py" in dispatch
|
||||
126. response = super(LDPViewSet, self).dispatch(request, *args, **kwargs)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/rest_framework/views.py" in dispatch
|
||||
495. response = self.handle_exception(exc)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/rest_framework/views.py" in handle_exception
|
||||
455. self.raise_uncaught_exception(exc)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/rest_framework/views.py" in dispatch
|
||||
492. response = handler(request, *args, **kwargs)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/rest_framework/mixins.py" in list
|
||||
48. return Response(serializer.data)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/djangoldp/serializers.py" in data
|
||||
16. return ReturnDict(super(ListSerializer, self).data, serializer=self)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/rest_framework/serializers.py" in data
|
||||
262. self._data = self.to_representation(self.instance)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/djangoldp/serializers.py" in to_representation
|
||||
13. return {'@id': '', 'ldp:contains':super(ContainerSerializer, self).to_representation(data)}
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/rest_framework/serializers.py" in to_representation
|
||||
683. self.child.to_representation(item) for item in iterable
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/rest_framework/serializers.py" in <listcomp>
|
||||
683. self.child.to_representation(item) for item in iterable
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/djangoldp/serializers.py" in to_representation
|
||||
77. data = super().to_representation(obj)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/rest_framework/serializers.py" in to_representation
|
||||
527. ret[field.field_name] = field.to_representation(attribute)
|
||||
|
||||
File "/home/ubuntu/dev/test/ldpserverhdparis/env/lib/python3.6/site-packages/rest_framework/relations.py" in to_representation
|
||||
415. raise ImproperlyConfigured(msg % self.view_name)
|
||||
|
||||
Exception Type: ImproperlyConfigured at /members/
|
||||
Exception Value: Could not resolve URL for hyperlinked relationship using view name "member-detail". You may have failed to include the related model in your API, or incorrectly configured the `lookup_field` attribute on this field.
|
||||
Request information:
|
||||
USER: clement
|
||||
|
||||
GET: No GET data
|
||||
|
||||
POST: No POST data
|
||||
|
||||
FILES: No FILES data
|
||||
|
||||
COOKIES:
|
||||
csrftoken = 'rJoY6gBfXiXUzx2vt44C3jpidX61XuS8d33rk6bsGTOwM4qdsTo3YOU21aXLPMbG'
|
||||
sessionid = 'a7j0mj6zjnv7i2mko5bs17mynvy12rcc'
|
||||
io = 'F3hWNi2N9qwA7YiDAABT'
|
||||
|
||||
META:
|
||||
CHROME_DESKTOP = 'code-url-handler.desktop'
|
||||
CONTENT_LENGTH = ''
|
||||
CONTENT_TYPE = 'text/plain'
|
||||
CSRF_COOKIE = 'rJoY6gBfXiXUzx2vt44C3jpidX61XuS8d33rk6bsGTOwM4qdsTo3YOU21aXLPMbG'
|
||||
DBUS_SESSION_BUS_ADDRESS = 'unix:path=/run/user/1000/bus'
|
||||
DEFAULTS_PATH = '/usr/share/gconf/plasma.default.path'
|
||||
DESKTOP_SESSION = 'plasma'
|
||||
DESKTOP_STARTUP_ID = 'ubuntu-N7x0WU;1540892856;943495;1492_TIME14942764'
|
||||
DISPLAY = ':0'
|
||||
DJANGO_SETTINGS_MODULE = 'ldpserverhdparis.settings'
|
||||
GATEWAY_INTERFACE = 'CGI/1.1'
|
||||
GPG_AGENT_INFO = '/run/user/1000/gnupg/S.gpg-agent:0:1'
|
||||
GS_LIB = '/home/ubuntu/.fonts'
|
||||
GTK_MODULES = 'gail:atk-bridge'
|
||||
HOME = '/home/ubuntu'
|
||||
HTTP_ACCEPT = 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8'
|
||||
HTTP_ACCEPT_ENCODING = 'gzip, deflate'
|
||||
HTTP_ACCEPT_LANGUAGE = 'en-US,en;q=0.8,fr;q=0.5,fr-FR;q=0.3'
|
||||
HTTP_CONNECTION = 'keep-alive'
|
||||
HTTP_COOKIE = 'csrftoken=rJoY6gBfXiXUzx2vt44C3jpidX61XuS8d33rk6bsGTOwM4qdsTo3YOU21aXLPMbG; sessionid=a7j0mj6zjnv7i2mko5bs17mynvy12rcc; io=F3hWNi2N9qwA7YiDAABT'
|
||||
HTTP_DNT = '1'
|
||||
HTTP_HOST = '127.0.0.1:8000'
|
||||
HTTP_UPGRADE_INSECURE_REQUESTS = '1'
|
||||
HTTP_USER_AGENT = 'Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:63.0) Gecko/20100101 Firefox/63.0'
|
||||
KDE_FULL_SESSION = 'true'
|
||||
KDE_SESSION_UID = '1000'
|
||||
KDE_SESSION_VERSION = '5'
|
||||
LANG = 'en_US.UTF-8'
|
||||
LANGUAGE = 'fr'
|
||||
LOGNAME = 'ubuntu'
|
||||
MAKEFLAGS = ''
|
||||
MAKELEVEL = '1'
|
||||
MAKE_TERMERR = '/dev/pts/4'
|
||||
MAKE_TERMOUT = '/dev/pts/4'
|
||||
MANDATORY_PATH = '/usr/share/gconf/plasma.mandatory.path'
|
||||
MFLAGS = ''
|
||||
PATH = '/home/ubuntu/dev/test/ldpserverhdparis/env/bin:.deno/bin/:/home/ubuntu/.deno/bin/:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games'
|
||||
PATH_INFO = '/members/'
|
||||
PWD = '/home/ubuntu/dev/test/ldpserverhdparis'
|
||||
QT_ACCESSIBILITY = '1'
|
||||
QT_AUTO_SCREEN_SCALE_FACTOR = '0'
|
||||
QUERY_STRING = ''
|
||||
REMOTE_ADDR = '127.0.0.1'
|
||||
REMOTE_HOST = ''
|
||||
REQUEST_METHOD = 'GET'
|
||||
RUN_MAIN = 'true'
|
||||
SCRIPT_NAME = ''
|
||||
SERVER_NAME = 'localhost'
|
||||
SERVER_PORT = '8000'
|
||||
SERVER_PROTOCOL = 'HTTP/1.1'
|
||||
SERVER_SOFTWARE = 'WSGIServer/0.2'
|
||||
SESSION_MANAGER = 'local/ubuntu-N7x0WU:@/tmp/.ICE-unix/1459,unix/ubuntu-N7x0WU:/tmp/.ICE-unix/1459'
|
||||
SHELL = '/usr/bin/fish'
|
||||
SHLVL = '3'
|
||||
SSH_AGENT_PID = '1383'
|
||||
SSH_AUTH_SOCK = '/tmp/ssh-RgoHoRBUgMlY/agent.1318'
|
||||
TERM = 'xterm-256color'
|
||||
TERM_PROGRAM = 'vscode'
|
||||
TERM_PROGRAM_VERSION = '1.28.2'
|
||||
TZ = 'UTC'
|
||||
USER = 'ubuntu'
|
||||
VIRTUAL_ENV = '/home/ubuntu/dev/test/ldpserverhdparis/env'
|
||||
XAUTHORITY = '/home/ubuntu/.Xauthority'
|
||||
XCURSOR_SIZE = '0'
|
||||
XCURSOR_THEME = 'ComixCursors-Opaque-Black'
|
||||
XDG_CONFIG_DIRS = '/etc/xdg/xdg-plasma:/etc/xdg:/usr/share/kubuntu-default-settings/kf5-settings'
|
||||
XDG_CURRENT_DESKTOP = 'KDE'
|
||||
XDG_DATA_DIRS = '/usr/share/plasma:/home/ubuntu/.local/share/flatpak/exports/share:/var/lib/flatpak/exports/share:/usr/local/share:/usr/share'
|
||||
XDG_RUNTIME_DIR = '/run/user/1000'
|
||||
XDG_SEAT = 'seat0'
|
||||
XDG_SEAT_PATH = '/org/freedesktop/DisplayManager/Seat0'
|
||||
XDG_SESSION_CLASS = 'user'
|
||||
XDG_SESSION_DESKTOP = 'KDE'
|
||||
XDG_SESSION_ID = '1'
|
||||
XDG_SESSION_PATH = '/org/freedesktop/DisplayManager/Session0'
|
||||
XDG_SESSION_TYPE = 'x11'
|
||||
XDG_VTNR = '1'
|
||||
_OLD_FISH_PROMPT_OVERRIDE = '/home/ubuntu/dev/test/ldpserverhdparis/env'
|
||||
_OLD_VIRTUAL_PATH = '.deno/bin/\x1e/home/ubuntu/.deno/bin/\x1e/usr/local/sbin\x1e/usr/local/bin\x1e/usr/sbin\x1e/usr/bin\x1e/sbin\x1e/bin\x1e/usr/games\x1e/usr/local/games'
|
||||
wsgi.errors = <_io.TextIOWrapper name='<stderr>' mode='w' encoding='UTF-8'>
|
||||
wsgi.file_wrapper = ''
|
||||
wsgi.input = <_io.BufferedReader name=5>
|
||||
wsgi.multiprocess = False
|
||||
wsgi.multithread = True
|
||||
wsgi.run_once = False
|
||||
wsgi.url_scheme = 'http'
|
||||
wsgi.version =
|
||||
|
||||
Settings:
|
||||
Using settings module ldpserverhdparis.settings
|
||||
ABSOLUTE_URL_OVERRIDES = {}
|
||||
ADMINS = []
|
||||
ALLOWED_HOSTS = ['127.0.0.1', 'test-paris.happy-dev.fr']
|
||||
APPEND_SLASH = True
|
||||
AUTHENTICATION_BACKENDS = ['django.contrib.auth.backends.ModelBackend', 'guardian.backends.ObjectPermissionBackend']
|
||||
AUTH_PASSWORD_VALIDATORS = '********************'
|
||||
AUTH_USER_MODEL = 'auth.User'
|
||||
BASE_DIR = '/home/ubuntu/dev/test/ldpserverhdparis'
|
||||
CACHES = {'default': {'BACKEND': 'django.core.cache.backends.locmem.LocMemCache'}}
|
||||
CACHE_MIDDLEWARE_ALIAS = 'default'
|
||||
CACHE_MIDDLEWARE_KEY_PREFIX = '********************'
|
||||
CACHE_MIDDLEWARE_SECONDS = 600
|
||||
CSRF_COOKIE_AGE = 31449600
|
||||
CSRF_COOKIE_DOMAIN = None
|
||||
CSRF_COOKIE_HTTPONLY = False
|
||||
CSRF_COOKIE_NAME = 'csrftoken'
|
||||
CSRF_COOKIE_PATH = '/'
|
||||
CSRF_COOKIE_SECURE = False
|
||||
CSRF_FAILURE_VIEW = 'django.views.csrf.csrf_failure'
|
||||
CSRF_HEADER_NAME = 'HTTP_X_CSRFTOKEN'
|
||||
CSRF_TRUSTED_ORIGINS = []
|
||||
CSRF_USE_SESSIONS = False
|
||||
DATABASES = {'default': {'ENGINE': 'django.db.backends.sqlite3', 'NAME': '/home/ubuntu/dev/test/ldpserverhdparis/db.sqlite3', 'ATOMIC_REQUESTS': False, 'AUTOCOMMIT': True, 'CONN_MAX_AGE': 0, 'OPTIONS': {}, 'TIME_ZONE': None, 'USER': '', 'PASSWORD': '********************', 'HOST': '', 'PORT': '', 'TEST': {'CHARSET': None, 'COLLATION': None, 'NAME': None, 'MIRROR': None}}}
|
||||
DATABASE_ROUTERS = []
|
||||
DATA_UPLOAD_MAX_MEMORY_SIZE = 2621440
|
||||
DATA_UPLOAD_MAX_NUMBER_FIELDS = 1000
|
||||
DATETIME_FORMAT = 'N j, Y, P'
|
||||
DATETIME_INPUT_FORMATS = ['%Y-%m-%d %H:%M:%S', '%Y-%m-%d %H:%M:%S.%f', '%Y-%m-%d %H:%M', '%Y-%m-%d', '%m/%d/%Y %H:%M:%S', '%m/%d/%Y %H:%M:%S.%f', '%m/%d/%Y %H:%M', '%m/%d/%Y', '%m/%d/%y %H:%M:%S', '%m/%d/%y %H:%M:%S.%f', '%m/%d/%y %H:%M', '%m/%d/%y']
|
||||
DATE_FORMAT = 'N j, Y'
|
||||
DATE_INPUT_FORMATS = ['%Y-%m-%d', '%m/%d/%Y', '%m/%d/%y', '%b %d %Y', '%b %d, %Y', '%d %b %Y', '%d %b, %Y', '%B %d %Y', '%B %d, %Y', '%d %B %Y', '%d %B, %Y']
|
||||
DEBUG = True
|
||||
DEBUG_PROPAGATE_EXCEPTIONS = False
|
||||
DECIMAL_SEPARATOR = '.'
|
||||
DEFAULT_CHARSET = 'utf-8'
|
||||
DEFAULT_CONTENT_TYPE = 'text/html'
|
||||
DEFAULT_EXCEPTION_REPORTER_FILTER = 'django.views.debug.SafeExceptionReporterFilter'
|
||||
DEFAULT_FILE_STORAGE = 'django.core.files.storage.FileSystemStorage'
|
||||
DEFAULT_FROM_EMAIL = 'webmaster@localhost'
|
||||
DEFAULT_INDEX_TABLESPACE = ''
|
||||
DEFAULT_TABLESPACE = ''
|
||||
DISALLOWED_USER_AGENTS = []
|
||||
EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend'
|
||||
EMAIL_HOST = 'localhost'
|
||||
EMAIL_HOST_PASSWORD = '********************'
|
||||
EMAIL_HOST_USER = ''
|
||||
EMAIL_PORT = 25
|
||||
EMAIL_SSL_CERTFILE = None
|
||||
EMAIL_SSL_KEYFILE = '********************'
|
||||
EMAIL_SUBJECT_PREFIX = '[Django] '
|
||||
EMAIL_TIMEOUT = None
|
||||
EMAIL_USE_LOCALTIME = False
|
||||
EMAIL_USE_SSL = False
|
||||
EMAIL_USE_TLS = False
|
||||
FILE_CHARSET = 'utf-8'
|
||||
FILE_UPLOAD_DIRECTORY_PERMISSIONS = None
|
||||
FILE_UPLOAD_HANDLERS = ['django.core.files.uploadhandler.MemoryFileUploadHandler', 'django.core.files.uploadhandler.TemporaryFileUploadHandler']
|
||||
FILE_UPLOAD_MAX_MEMORY_SIZE = 2621440
|
||||
FILE_UPLOAD_PERMISSIONS = None
|
||||
FILE_UPLOAD_TEMP_DIR = None
|
||||
FIRST_DAY_OF_WEEK = 0
|
||||
FIXTURE_DIRS = []
|
||||
FORCE_SCRIPT_NAME = None
|
||||
FORMAT_MODULE_PATH = None
|
||||
FORM_RENDERER = 'django.forms.renderers.DjangoTemplates'
|
||||
IGNORABLE_404_URLS = []
|
||||
INSTALLED_APPS = ['ldpserverhdparis', 'djangoldp', 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'oidc_provider', 'guardian']
|
||||
INTERNAL_IPS = []
|
||||
LANGUAGES = [('af', 'Afrikaans'), ('ar', 'Arabic'), ('ast', 'Asturian'), ('az', 'Azerbaijani'), ('bg', 'Bulgarian'), ('be', 'Belarusian'), ('bn', 'Bengali'), ('br', 'Breton'), ('bs', 'Bosnian'), ('ca', 'Catalan'), ('cs', 'Czech'), ('cy', 'Welsh'), ('da', 'Danish'), ('de', 'German'), ('dsb', 'Lower Sorbian'), ('el', 'Greek'), ('en', 'English'), ('en-au', 'Australian English'), ('en-gb', 'British English'), ('eo', 'Esperanto'), ('es', 'Spanish'), ('es-ar', 'Argentinian Spanish'), ('es-co', 'Colombian Spanish'), ('es-mx', 'Mexican Spanish'), ('es-ni', 'Nicaraguan Spanish'), ('es-ve', 'Venezuelan Spanish'), ('et', 'Estonian'), ('eu', 'Basque'), ('fa', 'Persian'), ('fi', 'Finnish'), ('fr', 'French'), ('fy', 'Frisian'), ('ga', 'Irish'), ('gd', 'Scottish Gaelic'), ('gl', 'Galician'), ('he', 'Hebrew'), ('hi', 'Hindi'), ('hr', 'Croatian'), ('hsb', 'Upper Sorbian'), ('hu', 'Hungarian'), ('ia', 'Interlingua'), ('id', 'Indonesian'), ('io', 'Ido'), ('is', 'Icelandic'), ('it', 'Italian'), ('ja', 'Japanese'), ('ka', 'Georgian'), ('kk', 'Kazakh'), ('km', 'Khmer'), ('kn', 'Kannada'), ('ko', 'Korean'), ('lb', 'Luxembourgish'), ('lt', 'Lithuanian'), ('lv', 'Latvian'), ('mk', 'Macedonian'), ('ml', 'Malayalam'), ('mn', 'Mongolian'), ('mr', 'Marathi'), ('my', 'Burmese'), ('nb', 'Norwegian Bokmål'), ('ne', 'Nepali'), ('nl', 'Dutch'), ('nn', 'Norwegian Nynorsk'), ('os', 'Ossetic'), ('pa', 'Punjabi'), ('pl', 'Polish'), ('pt', 'Portuguese'), ('pt-br', 'Brazilian Portuguese'), ('ro', 'Romanian'), ('ru', 'Russian'), ('sk', 'Slovak'), ('sl', 'Slovenian'), ('sq', 'Albanian'), ('sr', 'Serbian'), ('sr-latn', 'Serbian Latin'), ('sv', 'Swedish'), ('sw', 'Swahili'), ('ta', 'Tamil'), ('te', 'Telugu'), ('th', 'Thai'), ('tr', 'Turkish'), ('tt', 'Tatar'), ('udm', 'Udmurt'), ('uk', 'Ukrainian'), ('ur', 'Urdu'), ('vi', 'Vietnamese'), ('zh-hans', 'Simplified Chinese'), ('zh-hant', 'Traditional Chinese')]
|
||||
LANGUAGES_BIDI = ['he', 'ar', 'fa', 'ur']
|
||||
LANGUAGE_CODE = 'en-us'
|
||||
LANGUAGE_COOKIE_AGE = None
|
||||
LANGUAGE_COOKIE_DOMAIN = None
|
||||
LANGUAGE_COOKIE_NAME = 'django_language'
|
||||
LANGUAGE_COOKIE_PATH = '/'
|
||||
LDP_RDF_CONTEXT = 'https://cdn.happy-dev.fr/owl/hdcontext.jsonld'
|
||||
LOCALE_PATHS = []
|
||||
LOGGING = {}
|
||||
LOGGING_CONFIG = 'logging.config.dictConfig'
|
||||
LOGIN_REDIRECT_URL = '/accounts/profile/'
|
||||
LOGIN_URL = '/accounts/login/'
|
||||
LOGOUT_REDIRECT_URL = None
|
||||
MANAGERS = []
|
||||
MEDIA_ROOT = ''
|
||||
MEDIA_URL = ''
|
||||
MESSAGE_STORAGE = 'django.contrib.messages.storage.fallback.FallbackStorage'
|
||||
MIDDLEWARE = ['django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', 'django.middleware.csrf.CsrfViewMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware']
|
||||
MIDDLEWARE_CLASSES = ['django.middleware.common.CommonMiddleware', 'django.middleware.csrf.CsrfViewMiddleware']
|
||||
MIGRATION_MODULES = {}
|
||||
MONTH_DAY_FORMAT = 'F j'
|
||||
NUMBER_GROUPING = 0
|
||||
OIDC_USERINFO = 'ldpserverhdparis.oidc_provider_settings.userinfo'
|
||||
PASSWORD_HASHERS = '********************'
|
||||
PASSWORD_RESET_TIMEOUT_DAYS = '********************'
|
||||
PREPEND_WWW = False
|
||||
ROOT_URLCONF = 'ldpserverhdparis.urls'
|
||||
SECRET_KEY = '********************'
|
||||
SECURE_BROWSER_XSS_FILTER = False
|
||||
SECURE_CONTENT_TYPE_NOSNIFF = False
|
||||
SECURE_HSTS_INCLUDE_SUBDOMAINS = False
|
||||
SECURE_HSTS_PRELOAD = False
|
||||
SECURE_HSTS_SECONDS = 0
|
||||
SECURE_PROXY_SSL_HEADER = None
|
||||
SECURE_REDIRECT_EXEMPT = []
|
||||
SECURE_SSL_HOST = None
|
||||
SECURE_SSL_REDIRECT = False
|
||||
SERVER_EMAIL = 'root@localhost'
|
||||
SESSION_CACHE_ALIAS = 'default'
|
||||
SESSION_COOKIE_AGE = 1209600
|
||||
SESSION_COOKIE_DOMAIN = None
|
||||
SESSION_COOKIE_HTTPONLY = True
|
||||
SESSION_COOKIE_NAME = 'sessionid'
|
||||
SESSION_COOKIE_PATH = '/'
|
||||
SESSION_COOKIE_SECURE = False
|
||||
SESSION_ENGINE = 'django.contrib.sessions.backends.db'
|
||||
SESSION_EXPIRE_AT_BROWSER_CLOSE = False
|
||||
SESSION_FILE_PATH = None
|
||||
SESSION_SAVE_EVERY_REQUEST = False
|
||||
SESSION_SERIALIZER = 'django.contrib.sessions.serializers.JSONSerializer'
|
||||
SETTINGS_MODULE = 'ldpserverhdparis.settings'
|
||||
SHORT_DATETIME_FORMAT = 'm/d/Y P'
|
||||
SHORT_DATE_FORMAT = 'm/d/Y'
|
||||
SIGNING_BACKEND = 'django.core.signing.TimestampSigner'
|
||||
SILENCED_SYSTEM_CHECKS = []
|
||||
STATICFILES_DIRS = []
|
||||
STATICFILES_FINDERS = ['django.contrib.staticfiles.finders.FileSystemFinder', 'django.contrib.staticfiles.finders.AppDirectoriesFinder']
|
||||
STATICFILES_STORAGE = 'django.contrib.staticfiles.storage.StaticFilesStorage'
|
||||
STATIC_ROOT = '/home/ubuntu/dev/test/static'
|
||||
STATIC_URL = '/static/'
|
||||
TEMPLATES = [{'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [], 'APP_DIRS': True, 'OPTIONS': {'context_processors': ['django.template.context_processors.debug', 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages']}}]
|
||||
TEST_NON_SERIALIZED_APPS = []
|
||||
TEST_RUNNER = 'django.test.runner.DiscoverRunner'
|
||||
THOUSAND_SEPARATOR = ','
|
||||
TIME_FORMAT = 'P'
|
||||
TIME_INPUT_FORMATS = ['%H:%M:%S', '%H:%M:%S.%f', '%H:%M']
|
||||
TIME_ZONE = 'UTC'
|
||||
USE_ETAGS = False
|
||||
USE_I18N = True
|
||||
USE_L10N = True
|
||||
USE_THOUSAND_SEPARATOR = False
|
||||
USE_TZ = True
|
||||
USE_X_FORWARDED_HOST = False
|
||||
USE_X_FORWARDED_PORT = False
|
||||
WSGI_APPLICATION = 'ldpserverhdparis.wsgi.application'
|
||||
X_FRAME_OPTIONS = 'SAMEORIGIN'
|
||||
YEAR_MONTH_FORMAT = 'F Y'
|
||||
|
||||
|
||||
You're seeing this error because you have DEBUG = True in your
|
||||
Django settings file. Change that to False, and Django will
|
||||
display a standard page generated by the handler for this status code.
|
||||
|
||||
@ -12,8 +12,8 @@ html(lang="en")
|
||||
div.layer
|
||||
header#header
|
||||
include header.pug
|
||||
#subContainer
|
||||
include menu.pug
|
||||
#content
|
||||
include menu-left.pug
|
||||
main#mainContainer
|
||||
//- #dashboard(hidden)
|
||||
include page-dashboard.pug
|
||||
@ -27,8 +27,6 @@ html(lang="en")
|
||||
include page-job-offers.pug
|
||||
#job-offer-create(hidden)
|
||||
include page-job-offer-create.pug
|
||||
#projects(hidden)
|
||||
include page-projects.pug
|
||||
#project(hidden)
|
||||
include page-project.pug
|
||||
//- #client-creation(hidden)
|
||||
|
||||
@ -1,19 +1,26 @@
|
||||
sib-router#project-router(default-route='project-chat')
|
||||
sib-route(name='project-chat')
|
||||
div Chat
|
||||
sib-route(name='project-profile')
|
||||
div Project
|
||||
sib-route(name='project-edit')
|
||||
div Edit
|
||||
sib-route(name='project-create')
|
||||
div Add new
|
||||
div.scrollY
|
||||
#project-views-container
|
||||
#project-chat
|
||||
include page-project-chat.pug
|
||||
#project-profile
|
||||
include page-project-profile.pug
|
||||
#project-edit
|
||||
include page-project-edit.pug
|
||||
#project-create
|
||||
include page-project-create.pug
|
||||
nav#jsRightMenu(role='navigation')
|
||||
sib-router(default-route='project-chat')
|
||||
ul
|
||||
li#jsOffsiteToggle
|
||||
a Fold menu
|
||||
sib-route(name='project-chat')
|
||||
li
|
||||
a Chat
|
||||
sib-route(name='project-profile')
|
||||
li
|
||||
a Information
|
||||
sib-route(name='project-edit')
|
||||
li
|
||||
a Edit
|
||||
sib-route(name='project-create')
|
||||
li
|
||||
a Add new
|
||||
#project-views-container
|
||||
#project-chat
|
||||
include page-project-chat.pug
|
||||
#project-profile
|
||||
include page-project-profile.pug
|
||||
#project-edit
|
||||
include page-project-edit.pug
|
||||
#project-create
|
||||
include page-project-create.pug
|
||||
|
||||
@ -2,6 +2,9 @@ document.addEventListener('DOMContentLoaded', function (event) {
|
||||
const navBar = document.querySelector('#navbar');
|
||||
const btnToggle = document.querySelector('#button-toggle');
|
||||
const menuWrappers = Array.from(document.querySelectorAll('.menu-wrapper'));
|
||||
const btnRightMenu = document.querySelector('#jsOffsiteToggle');
|
||||
const rightMenu = document.querySelector('#jsRightMenu');
|
||||
|
||||
if (!navBar || !btnToggle) return;
|
||||
|
||||
btnToggle.addEventListener('click', e => {
|
||||
@ -35,4 +38,8 @@ document.addEventListener('DOMContentLoaded', function (event) {
|
||||
});
|
||||
});
|
||||
|
||||
// Open/close menu on the right
|
||||
btnRightMenu.addEventListener('click', e => {
|
||||
rightMenu.classList.toggle('offsite-is-closed');
|
||||
});
|
||||
});
|
||||
|
||||
115
src/styles/icons/custom-icons.scss
Normal file
115
src/styles/icons/custom-icons.scss
Normal file
@ -0,0 +1,115 @@
|
||||
/* Custom icons */
|
||||
|
||||
$ci-filename: "custom-icons";
|
||||
$ci-font-name: "custom-icons";
|
||||
$ci-font-family: "custom-icons";
|
||||
$ci-font-weight: "regular";
|
||||
$ci-font-path: "../fonts" !default;
|
||||
$ci-css-prefix: ci !default;
|
||||
$ci-version: "tlnzh2" !default;
|
||||
|
||||
@font-face {
|
||||
font-family: '#{$ci-font-name}';
|
||||
src: url('#{$ci-font-path}/#{$ci-filename}.eot?#{$ci-version}');
|
||||
src: url('#{$ci-font-path}/#{$ci-filename}.eot?#{$ci-version}#iefix') format('embedded-opentype'),
|
||||
url('#{$ci-font-path}/#{$ci-filename}.ttf?#{$ci-version}') format('truetype'),
|
||||
url('#{$ci-font-path}/#{$ci-filename}.woff?#{$ci-version}') format('woff'),
|
||||
url('#{$ci-font-path}/#{$ci-filename}.svg?#{$ci-version}##{$ci-filename}') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
$ci-icons: (
|
||||
awareness: '\e900',
|
||||
businessman: '\e901',
|
||||
information: '\e902',
|
||||
list-1: '\e903',
|
||||
sale: '\e904',
|
||||
armor: '\e905',
|
||||
chat: '\e906',
|
||||
list: '\e907',
|
||||
network: '\e908',
|
||||
offer: '\e909',
|
||||
reaction: '\e90a',
|
||||
add: '\e90b',
|
||||
appointment: '\e90c',
|
||||
desk: '\e90d',
|
||||
file: '\e90e',
|
||||
premium: '\e90f',
|
||||
team: '\e910',
|
||||
beer: '\e911',
|
||||
networking: '\e912',
|
||||
receipt: '\e913',
|
||||
robot: '\e914',
|
||||
team-1: '\e915',
|
||||
croupier: '\e916',
|
||||
learning: '\e917',
|
||||
review: '\e918',
|
||||
surf: '\e919',
|
||||
document: '\e91a',
|
||||
code: '\e91b',
|
||||
hat: '\e91c',
|
||||
beer1: '\e91d',
|
||||
alien: '\e91e',
|
||||
drawing: '\e91f',
|
||||
feedback: '\e920',
|
||||
globe: '\e921'
|
||||
);
|
||||
|
||||
%ci,
|
||||
[class^='ci-']::before,
|
||||
[class*='ci-']::before {
|
||||
display: inline-block;
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: '#{$ci-font-name}' !important;
|
||||
font-size: 25px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
speak: none;
|
||||
text-align: center;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
|
||||
/* For safety - reset parent styles, that can break glyph codes*/
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
|
||||
/* Better Font Rendering */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
@function char($character-code) {
|
||||
@if function-exists("selector-append") {
|
||||
@return unquote("\"\\#{$character-code}\"");
|
||||
}
|
||||
|
||||
@if "\\#{'x'}" == "\\x" {
|
||||
@return str-slice("\x", 1, 1) + $character-code;
|
||||
}
|
||||
@else {
|
||||
@return #{"\"\\"}#{$character-code + "\""};
|
||||
}
|
||||
}
|
||||
|
||||
@function ci($name) {
|
||||
@if map-has-key($ci-icons, $name) == false {
|
||||
@warn "Icon #{$name} not found.";
|
||||
@return "";
|
||||
}
|
||||
@return char(map-get($ci-icons, $name));
|
||||
}
|
||||
|
||||
@each $key, $value in $ci-icons {
|
||||
.#{$ci-css-prefix}-#{$key}:before {
|
||||
content: char($value);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin ci($value) {
|
||||
&:before {
|
||||
@extend %ci;
|
||||
@extend .#{$ci-css-prefix}-#{$value};
|
||||
}
|
||||
}
|
||||
@ -58,16 +58,7 @@
|
||||
// text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
|
||||
}
|
||||
|
||||
%outline-person {
|
||||
background-image: url(/images/svg/icon-outline-person.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left top;
|
||||
padding-top: 20px;
|
||||
margin-left: 1.35em;;
|
||||
}
|
||||
|
||||
$icons: (
|
||||
/* outline-person: '\f206', */
|
||||
user-female: '\e000',
|
||||
people: '\e001',
|
||||
user-follow: '\e002',
|
||||
@ -28,10 +28,10 @@ $mdi-icons: (
|
||||
);
|
||||
|
||||
%mdi,
|
||||
[class^='mdi-']:before,
|
||||
[class*='mdi-']:before {
|
||||
[class^='mdi-']::before,
|
||||
[class*='mdi-']::before {
|
||||
display: inline-block;
|
||||
font-family: '#{$mdi-font-name}';
|
||||
font-family: '#{$mdi-font-name}' !important;
|
||||
font-size: 25px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
@ -1,8 +1,10 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
@import '../../node_modules/include-media/dist/include-media';
|
||||
@import 'material-design-icons';
|
||||
@import 'icons';
|
||||
@import 'icons/custom-icons';
|
||||
@import 'icons/icons';
|
||||
@import 'icons/material-design-icons';
|
||||
|
||||
@import 'variables';
|
||||
@import 'mixins';
|
||||
@import 'main';
|
||||
@ -18,4 +20,5 @@
|
||||
|
||||
// @import 'members';
|
||||
@import 'header';
|
||||
@import 'menu';
|
||||
@import 'menu-left';
|
||||
@import 'menu-right';
|
||||
@ -112,11 +112,8 @@ h5 {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
#subContainer {
|
||||
#content {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
align-items: stretch;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#mainContainer {
|
||||
@ -137,50 +134,7 @@ h5 {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: stretch;
|
||||
|
||||
> sib-router {
|
||||
font-family: monospace;
|
||||
color: $color-dark-lava;
|
||||
background-color: $color-timberwolf;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
sib-route {
|
||||
cursor: pointer;
|
||||
|
||||
> div {
|
||||
position: relative;
|
||||
padding: 1.5em 3em;
|
||||
border-bottom: 1px solid $color-taupe-gray;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $color-taupe-gray;
|
||||
}
|
||||
|
||||
&[active] {
|
||||
font-weight: bold;
|
||||
background-color: $color-dark-lava;
|
||||
color: $color-selective-yellow;
|
||||
|
||||
> div:before {
|
||||
opacity: 1;
|
||||
transform: translateX(-150%);
|
||||
transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
}
|
||||
}
|
||||
|
||||
> div {
|
||||
@include icon(arrow-left);
|
||||
|
||||
&:before {
|
||||
position: absolute;
|
||||
transform: translateX(-50%);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
overflow-x: hidden;
|
||||
|
||||
> div {
|
||||
//display: flex;
|
||||
@ -278,8 +232,8 @@ sib-link.back {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
|
||||
.scrollY {
|
||||
#project-views-container {
|
||||
flex: 1 0 0;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
|
||||
207
src/styles/menu-left.scss
Normal file
207
src/styles/menu-left.scss
Normal file
@ -0,0 +1,207 @@
|
||||
#navbar {
|
||||
background-color: $color-purple-dark;
|
||||
color: $color-white;
|
||||
// max-width: 16rem;
|
||||
// position: relative;
|
||||
// min-height: 100%;
|
||||
transition: flex-basis 0.5s ease-in-out;
|
||||
display: block;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
flex-basis: 16em;
|
||||
overflow: auto;
|
||||
flex-direction: column;
|
||||
font-size: 16px;
|
||||
|
||||
&.open {
|
||||
transform: translateX(0);
|
||||
}
|
||||
//@include border-shadow(right);
|
||||
|
||||
sib-router {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.menu-wrapper {
|
||||
&.is-closed {
|
||||
.sub-menu {
|
||||
display: none;
|
||||
}
|
||||
.menu-chevron {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.divider {
|
||||
height: 1px;
|
||||
background-color: $color-gainsboro-a02;
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
padding-left: 1.8em;
|
||||
|
||||
div {
|
||||
color: $color-spun-pearl;
|
||||
padding-bottom: 0.7em;
|
||||
font-size: 15px;
|
||||
cursor: pointer;
|
||||
|
||||
div[name='project'] {
|
||||
display: flex;
|
||||
|
||||
sib-display-div[name='dash'] {
|
||||
margin: 0 0.4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
padding: 1em;
|
||||
// border-top: 1px solid #ddd;
|
||||
// &:last-child {
|
||||
// border-bottom: 1px solid #ddd;
|
||||
// }
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
|
||||
&[active] {
|
||||
background-color: $color-mustard;
|
||||
color: $color-purple-dark;
|
||||
|
||||
.menu-icon:before {
|
||||
background-color: $color-purple-dark;
|
||||
color: $color-white;
|
||||
// transform: perspective(1000px) translateZ(1px) scale(0.8);
|
||||
}
|
||||
|
||||
.menu-notification > sib-display > div:first-child {
|
||||
background-color: $color-purple-dark;
|
||||
color: $color-mustard;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-icon {
|
||||
//flex-basis: 2em;
|
||||
width: 4em;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 11px;
|
||||
|
||||
&:before {
|
||||
width: 1.9em;
|
||||
height: 1.9em;
|
||||
line-height: 1.9em;
|
||||
font-size: 1.6em;
|
||||
border-radius: 100%;
|
||||
// transform: perspective(1000px) translateZ(1px) scale(1);
|
||||
// will-change: transform;
|
||||
// transition: all 0.3s ease, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.4);
|
||||
}
|
||||
}
|
||||
|
||||
.menu-chevron {
|
||||
width: 2em;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
> div {
|
||||
color: $color-spun-pearl;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-label {
|
||||
//flex-basis: 8em;
|
||||
width: 8em;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 1;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.17px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/*Fix: presque doublon avec main.scss ligne 71 qui gère le nombre de notifications sur la cloche */
|
||||
.menu-notification {
|
||||
//flex-basis: 3em;
|
||||
width: 2em;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
> sib-display {
|
||||
> div:first-of-type {
|
||||
color: $color-dark-lava;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 1.7em;
|
||||
height: 1.7em;
|
||||
border-radius: 100%;
|
||||
background-color: $color-mustard;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&[id-prefix] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
> sib-display {
|
||||
display: block;
|
||||
font-size: 0.9em;
|
||||
color: #aaa;
|
||||
|
||||
> div {
|
||||
margin-bottom: 1.5em;
|
||||
|
||||
> sib-display {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
padding: 0.5em 2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media('width<phone') {
|
||||
#button-toggle {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#navbar {
|
||||
//transform: translateX(-120%);
|
||||
transition: flex-basis 0.5s ease-in-out;
|
||||
flex-basis: 0;
|
||||
//position: absolute;
|
||||
//top: auto;
|
||||
//display: none;
|
||||
//z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
92
src/styles/menu-right.scss
Normal file
92
src/styles/menu-right.scss
Normal file
@ -0,0 +1,92 @@
|
||||
#mainContainer {
|
||||
|
||||
> div {
|
||||
|
||||
nav {
|
||||
|
||||
> sib-router {
|
||||
background-color: $color-link-water;
|
||||
color: $color-purple-dark;
|
||||
flex: 0 0 auto;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
|
||||
> ul {
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
align-items: center;
|
||||
border-bottom: 1px solid $color-lavender-gray;
|
||||
display: flex;
|
||||
margin-bottom: 0;
|
||||
margin-left: 0;
|
||||
margin-top: 0;
|
||||
padding: 1.5em 1.5em;
|
||||
position: relative;
|
||||
width: 12em;
|
||||
|
||||
&::before {
|
||||
float: left;
|
||||
font-size: 40px;
|
||||
margin-left: 0;
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
> li {
|
||||
@include icon('arrow-right-circle');
|
||||
}
|
||||
|
||||
> sib-route {
|
||||
|
||||
&[active] {
|
||||
background-color: $color-purple-dark;
|
||||
color: $color-mustard;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&[name^='circle'],
|
||||
&[name^='project'] {
|
||||
|
||||
> li::before {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
&[name$='chat'] > li {
|
||||
@include ci('chat');
|
||||
}
|
||||
|
||||
&[name$='create'] > li {
|
||||
@include ci('offer');
|
||||
}
|
||||
|
||||
&[name$='edit'] > li {
|
||||
@include ci('list');
|
||||
}
|
||||
|
||||
&[name$='profile'] > li {
|
||||
@include ci('information');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.offsite-is-closed {
|
||||
transform: translate(12rem);
|
||||
|
||||
& #jsOffsiteToggle::before {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
& ~ #project-views-container {
|
||||
flex-basis: 95%;
|
||||
transform: translate(12rem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,208 +0,0 @@
|
||||
// #navbar{}
|
||||
// #navbar-router{}
|
||||
|
||||
#navbar {
|
||||
background-color: $color-purple-dark;
|
||||
color: $color-white;
|
||||
// max-width: 16rem;
|
||||
// position: relative;
|
||||
// min-height: 100%;
|
||||
transition: flex-basis 0.5s ease-in-out;
|
||||
display: block;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
flex-basis: 16em;
|
||||
overflow: auto;
|
||||
flex-direction: column;
|
||||
font-size: 16px;
|
||||
|
||||
&.open {
|
||||
transform: translateX(0);
|
||||
}
|
||||
//@include border-shadow(right);
|
||||
}
|
||||
@include media('width<phone') {
|
||||
#button-toggle {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#navbar {
|
||||
//transform: translateX(-120%);
|
||||
transition: flex-basis 0.5s ease-in-out;
|
||||
flex-basis: 0;
|
||||
//position: absolute;
|
||||
//top: auto;
|
||||
//display: none;
|
||||
//z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
sib-router {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.menu-wrapper {
|
||||
&.is-closed {
|
||||
.sub-menu {
|
||||
display: none;
|
||||
}
|
||||
.menu-chevron {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.divider {
|
||||
height: 1px;
|
||||
background-color: $color-gainsboro-a02;
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
padding-left: 1.8em;
|
||||
|
||||
div {
|
||||
color: $color-spun-pearl;
|
||||
padding-bottom: 0.7em;
|
||||
font-size: 15px;
|
||||
cursor: pointer;
|
||||
|
||||
div[name='project'] {
|
||||
display: flex;
|
||||
|
||||
sib-display-div[name='dash'] {
|
||||
margin: 0 0.4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
padding: 1em;
|
||||
// border-top: 1px solid #ddd;
|
||||
// &:last-child {
|
||||
// border-bottom: 1px solid #ddd;
|
||||
// }
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
|
||||
&[active] {
|
||||
background-color: $color-mustard;
|
||||
color: $color-purple-dark;
|
||||
|
||||
.menu-icon:before {
|
||||
background-color: $color-purple-dark;
|
||||
color: $color-white;
|
||||
// transform: perspective(1000px) translateZ(1px) scale(0.8);
|
||||
}
|
||||
|
||||
.menu-notification > sib-display > div:first-child {
|
||||
background-color: $color-purple-dark;
|
||||
color: $color-mustard;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-icon {
|
||||
//flex-basis: 2em;
|
||||
width: 4em;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 11px;
|
||||
|
||||
&:before {
|
||||
width: 1.9em;
|
||||
height: 1.9em;
|
||||
line-height: 1.9em;
|
||||
font-size: 1.6em;
|
||||
border-radius: 100%;
|
||||
// transform: perspective(1000px) translateZ(1px) scale(1);
|
||||
// will-change: transform;
|
||||
// transition: all 0.3s ease, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.4);
|
||||
}
|
||||
}
|
||||
|
||||
.menu-chevron {
|
||||
width: 2em;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
> div {
|
||||
color: $color-spun-pearl;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-label {
|
||||
//flex-basis: 8em;
|
||||
width: 8em;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 1;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.17px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/*Fix: presque doublon avec main.scss ligne 71 qui gère le nombre de notifications sur la cloche */
|
||||
.menu-notification {
|
||||
//flex-basis: 3em;
|
||||
width: 2em;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
> sib-display {
|
||||
> div:first-of-type {
|
||||
color: $color-dark-lava;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 1.7em;
|
||||
height: 1.7em;
|
||||
border-radius: 100%;
|
||||
background-color: $color-mustard;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&[id-prefix] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
> sib-display {
|
||||
display: block;
|
||||
font-size: 0.9em;
|
||||
color: #aaa;
|
||||
|
||||
> div {
|
||||
margin-bottom: 1.5em;
|
||||
|
||||
> sib-display {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
padding: 0.5em 2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -18,6 +18,7 @@ $color-bombay: hsl(215, 9%, 73%);
|
||||
$color-dark-lava: hsl(216, 4%, 22%);
|
||||
$color-link-water: hsl(221, 51%, 90%);
|
||||
$color-glitter: hsl(222, 57%, 95%);
|
||||
$color-lavender-gray: hsl(229, 25%, 79%);
|
||||
$color-purple-dark: hsl(233, 18%, 29%);
|
||||
$color-spun-pearl: hsl(244, 10%, 70%);
|
||||
$color-majorelle-blue: hsl(244, 73%, 62%);
|
||||
|
||||
BIN
www/fonts/custom-icons.eot
Normal file
BIN
www/fonts/custom-icons.eot
Normal file
Binary file not shown.
46
www/fonts/custom-icons.svg
Normal file
46
www/fonts/custom-icons.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 144 KiB |
BIN
www/fonts/custom-icons.ttf
Normal file
BIN
www/fonts/custom-icons.ttf
Normal file
Binary file not shown.
BIN
www/fonts/custom-icons.woff
Normal file
BIN
www/fonts/custom-icons.woff
Normal file
Binary file not shown.
@ -1,28 +1,28 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<font id="material-design-icons" horiz-adv-x="24">
|
||||
<font-face font-family="material-design-icons"
|
||||
units-per-em="512" ascent="448"
|
||||
descent="64" />
|
||||
<missing-glyph horiz-adv-x="0" />
|
||||
<defs>
|
||||
<font id="material-design-icons" horiz-adv-x="24">
|
||||
<font-face font-family="material-design-icons"
|
||||
units-per-em="512" ascent="448"
|
||||
descent="64" />
|
||||
<missing-glyph horiz-adv-x="0" />
|
||||
|
||||
<glyph glyph-name="account-outline"
|
||||
unicode=""
|
||||
horiz-adv-x="512" d=" M256 362.6666666666667C303.1466666666667 362.6666666666667 341.3333333333333 324.48 341.3333333333333 277.3333333333334S303.1466666666667 192 256 192S170.6666666666667 230.1866666666667 170.6666666666667 277.3333333333334S208.8533333333333 362.6666666666667 256 362.6666666666667M256 320C232.5333333333334 320 213.3333333333333 300.8 213.3333333333333 277.3333333333334S232.5333333333334 234.6666666666667 256 234.6666666666667S298.6666666666667 253.8666666666667 298.6666666666667 277.3333333333334S279.4666666666667 320 256 320M256 170.6666666666667C312.96 170.6666666666667 426.6666666666667 142.2933333333334 426.6666666666667 85.3333333333334V21.3333333333334H85.3333333333333V85.3333333333334C85.3333333333333 142.2933333333334 199.04 170.6666666666667 256 170.6666666666667M256 130.1333333333333C192.64 130.1333333333333 125.8666666666667 98.9866666666667 125.8666666666667 85.3333333333334V61.8666666666667H386.1333333333334V85.3333333333334C386.1333333333334 98.9866666666667 319.36 130.1333333333333 256 130.1333333333333z" />
|
||||
|
||||
<glyph glyph-name="atom"
|
||||
unicode=""
|
||||
horiz-adv-x="512" d=" M256 213.3333333333334C267.7333333333334 213.3333333333334 277.3333333333333 203.7333333333334 277.3333333333333 192S267.7333333333334 170.6666666666667 256 170.6666666666667S234.6666666666667 180.2666666666667 234.6666666666667 192S244.2666666666667 213.3333333333334 256 213.3333333333334M90.0266666666667 357.9733333333334C120.5333333333333 388.48 186.6666666666667 374.8266666666667 256 329.3866666666667C325.3333333333333 374.8266666666667 391.4666666666667 388.48 421.9733333333334 357.9733333333334C452.48 327.4666666666667 438.8266666666667 261.3333333333334 393.3866666666667 192C438.8266666666667 122.6666666666667 452.48 56.5333333333333 421.9733333333334 26.0266666666666C391.4666666666667 -4.48 325.3333333333333 9.1733333333333 256 54.6133333333333C186.6666666666667 9.1733333333333 120.5333333333333 -4.48 90.0266666666667 26.0266666666666C59.52 56.5333333333333 73.1733333333333 122.6666666666667 118.6133333333333 192C73.1733333333333 261.3333333333334 59.52 327.4666666666667 90.0266666666667 357.9733333333334M331.52 267.52C344.5333333333333 254.2933333333334 356.48 240.8533333333333 367.5733333333333 227.4133333333334C397.0133333333333 272.8533333333334 407.68 311.8933333333333 391.68 327.68C375.8933333333333 343.68 336.8533333333333 333.0133333333333 291.4133333333333 303.5733333333334C304.8533333333334 292.48 318.2933333333333 280.5333333333334 331.52 267.5200000000001M180.48 116.48C167.4666666666667 129.7066666666667 155.52 143.1466666666667 144.4266666666667 156.5866666666667C114.9866666666667 111.1466666666667 104.32 72.1066666666667 120.32 56.3200000000001C136.1066666666667 40.3200000000001 175.1466666666667 50.9866666666667 220.5866666666667 80.4266666666667C207.1466666666667 91.52 193.7066666666667 103.4666666666667 180.48 116.48M120.32 327.68C104.32 311.8933333333333 114.9866666666667 272.8533333333334 144.4266666666667 227.4133333333334C155.52 240.8533333333334 167.4666666666667 254.2933333333334 180.48 267.52C193.7066666666667 280.5333333333333 207.1466666666667 292.48 220.5866666666667 303.5733333333333C175.1466666666667 333.0133333333333 136.1066666666667 343.68 120.32 327.68M210.7733333333333 146.7733333333333C225.7066666666666 131.84 241.0666666666667 118.1866666666667 256 106.0266666666666C270.9333333333333 118.1866666666667 286.2933333333333 131.84 301.2266666666667 146.7733333333333C316.16 161.7066666666667 329.8133333333334 177.0666666666667 341.9733333333334 192C329.8133333333334 206.9333333333333 316.16 222.2933333333334 301.2266666666667 237.2266666666667C286.2933333333334 252.1600000000001 270.9333333333334 265.8133333333334 256 277.9733333333334C241.0666666666667 265.8133333333334 225.7066666666667 252.1600000000001 210.7733333333333 237.2266666666667C195.84 222.2933333333334 182.1866666666667 206.9333333333334 170.0266666666667 192C182.1866666666667 177.0666666666667 195.84 161.7066666666667 210.7733333333333 146.7733333333333M391.68 56.3200000000001C407.68 72.1066666666667 397.0133333333333 111.1466666666667 367.5733333333333 156.5866666666667C356.48 143.1466666666667 344.5333333333333 129.7066666666667 331.52 116.48C318.2933333333334 103.4666666666667 304.8533333333334 91.52 291.4133333333333 80.4266666666667C336.8533333333333 50.9866666666667 375.8933333333333 40.3200000000001 391.68 56.3200000000001z" />
|
||||
<glyph glyph-name="account-outline"
|
||||
unicode=""
|
||||
horiz-adv-x="512" d=" M256 362.6666666666667C303.1466666666667 362.6666666666667 341.3333333333333 324.48 341.3333333333333 277.3333333333334S303.1466666666667 192 256 192S170.6666666666667 230.1866666666667 170.6666666666667 277.3333333333334S208.8533333333333 362.6666666666667 256 362.6666666666667M256 320C232.5333333333334 320 213.3333333333333 300.8 213.3333333333333 277.3333333333334S232.5333333333334 234.6666666666667 256 234.6666666666667S298.6666666666667 253.8666666666667 298.6666666666667 277.3333333333334S279.4666666666667 320 256 320M256 170.6666666666667C312.96 170.6666666666667 426.6666666666667 142.2933333333334 426.6666666666667 85.3333333333334V21.3333333333334H85.3333333333333V85.3333333333334C85.3333333333333 142.2933333333334 199.04 170.6666666666667 256 170.6666666666667M256 130.1333333333333C192.64 130.1333333333333 125.8666666666667 98.9866666666667 125.8666666666667 85.3333333333334V61.8666666666667H386.1333333333334V85.3333333333334C386.1333333333334 98.9866666666667 319.36 130.1333333333333 256 130.1333333333333z" />
|
||||
|
||||
<glyph glyph-name="atom"
|
||||
unicode=""
|
||||
horiz-adv-x="512" d=" M256 213.3333333333334C267.7333333333334 213.3333333333334 277.3333333333333 203.7333333333334 277.3333333333333 192S267.7333333333334 170.6666666666667 256 170.6666666666667S234.6666666666667 180.2666666666667 234.6666666666667 192S244.2666666666667 213.3333333333334 256 213.3333333333334M90.0266666666667 357.9733333333334C120.5333333333333 388.48 186.6666666666667 374.8266666666667 256 329.3866666666667C325.3333333333333 374.8266666666667 391.4666666666667 388.48 421.9733333333334 357.9733333333334C452.48 327.4666666666667 438.8266666666667 261.3333333333334 393.3866666666667 192C438.8266666666667 122.6666666666667 452.48 56.5333333333333 421.9733333333334 26.0266666666666C391.4666666666667 -4.48 325.3333333333333 9.1733333333333 256 54.6133333333333C186.6666666666667 9.1733333333333 120.5333333333333 -4.48 90.0266666666667 26.0266666666666C59.52 56.5333333333333 73.1733333333333 122.6666666666667 118.6133333333333 192C73.1733333333333 261.3333333333334 59.52 327.4666666666667 90.0266666666667 357.9733333333334M331.52 267.52C344.5333333333333 254.2933333333334 356.48 240.8533333333333 367.5733333333333 227.4133333333334C397.0133333333333 272.8533333333334 407.68 311.8933333333333 391.68 327.68C375.8933333333333 343.68 336.8533333333333 333.0133333333333 291.4133333333333 303.5733333333334C304.8533333333334 292.48 318.2933333333333 280.5333333333334 331.52 267.5200000000001M180.48 116.48C167.4666666666667 129.7066666666667 155.52 143.1466666666667 144.4266666666667 156.5866666666667C114.9866666666667 111.1466666666667 104.32 72.1066666666667 120.32 56.3200000000001C136.1066666666667 40.3200000000001 175.1466666666667 50.9866666666667 220.5866666666667 80.4266666666667C207.1466666666667 91.52 193.7066666666667 103.4666666666667 180.48 116.48M120.32 327.68C104.32 311.8933333333333 114.9866666666667 272.8533333333334 144.4266666666667 227.4133333333334C155.52 240.8533333333334 167.4666666666667 254.2933333333334 180.48 267.52C193.7066666666667 280.5333333333333 207.1466666666667 292.48 220.5866666666667 303.5733333333333C175.1466666666667 333.0133333333333 136.1066666666667 343.68 120.32 327.68M210.7733333333333 146.7733333333333C225.7066666666666 131.84 241.0666666666667 118.1866666666667 256 106.0266666666666C270.9333333333333 118.1866666666667 286.2933333333333 131.84 301.2266666666667 146.7733333333333C316.16 161.7066666666667 329.8133333333334 177.0666666666667 341.9733333333334 192C329.8133333333334 206.9333333333333 316.16 222.2933333333334 301.2266666666667 237.2266666666667C286.2933333333334 252.1600000000001 270.9333333333334 265.8133333333334 256 277.9733333333334C241.0666666666667 265.8133333333334 225.7066666666667 252.1600000000001 210.7733333333333 237.2266666666667C195.84 222.2933333333334 182.1866666666667 206.9333333333334 170.0266666666667 192C182.1866666666667 177.0666666666667 195.84 161.7066666666667 210.7733333333333 146.7733333333333M391.68 56.3200000000001C407.68 72.1066666666667 397.0133333333333 111.1466666666667 367.5733333333333 156.5866666666667C356.48 143.1466666666667 344.5333333333333 129.7066666666667 331.52 116.48C318.2933333333334 103.4666666666667 304.8533333333334 91.52 291.4133333333333 80.4266666666667C336.8533333333333 50.9866666666667 375.8933333333333 40.3200000000001 391.68 56.3200000000001z" />
|
||||
|
||||
<glyph glyph-name="cellphone-iphone"
|
||||
unicode=""
|
||||
horiz-adv-x="512" d=" M341.3333333333333 64H149.3333333333333V362.6666666666667H341.3333333333333M245.3333333333333 -21.3333333333333C227.6266666666667 -21.3333333333333 213.3333333333333 -7.04 213.3333333333333 10.6666666666667S227.6266666666667 42.6666666666667 245.3333333333333 42.6666666666667S277.3333333333333 28.3733333333333 277.3333333333333 10.6666666666667S263.04 -21.3333333333333 245.3333333333333 -21.3333333333333M330.6666666666667 426.6666666666667H160C130.56 426.6666666666667 106.6666666666667 402.7733333333333 106.6666666666667 373.3333333333334V10.6666666666667C106.6666666666667 -18.7733333333333 130.56 -42.6666666666666 160 -42.6666666666666H330.6666666666667C360.1066666666667 -42.6666666666666 384 -18.7733333333333 384 10.6666666666667V373.3333333333334C384 402.7733333333333 360.1066666666667 426.6666666666667 330.6666666666667 426.6666666666667z" />
|
||||
<glyph glyph-name="cellphone-iphone"
|
||||
unicode=""
|
||||
horiz-adv-x="512" d=" M341.3333333333333 64H149.3333333333333V362.6666666666667H341.3333333333333M245.3333333333333 -21.3333333333333C227.6266666666667 -21.3333333333333 213.3333333333333 -7.04 213.3333333333333 10.6666666666667S227.6266666666667 42.6666666666667 245.3333333333333 42.6666666666667S277.3333333333333 28.3733333333333 277.3333333333333 10.6666666666667S263.04 -21.3333333333333 245.3333333333333 -21.3333333333333M330.6666666666667 426.6666666666667H160C130.56 426.6666666666667 106.6666666666667 402.7733333333333 106.6666666666667 373.3333333333334V10.6666666666667C106.6666666666667 -18.7733333333333 130.56 -42.6666666666666 160 -42.6666666666666H330.6666666666667C360.1066666666667 -42.6666666666666 384 -18.7733333333333 384 10.6666666666667V373.3333333333334C384 402.7733333333333 360.1066666666667 426.6666666666667 330.6666666666667 426.6666666666667z" />
|
||||
|
||||
<glyph glyph-name="check"
|
||||
unicode=""
|
||||
horiz-adv-x="512" d=" M448 298.6666666666667L192 42.6666666666667L74.6666666666667 160L104.7466666666667 190.0800000000001L192 103.04L417.92 328.7466666666667L448 298.6666666666667z" />
|
||||
</font>
|
||||
</defs>
|
||||
<glyph glyph-name="check"
|
||||
unicode=""
|
||||
horiz-adv-x="512" d=" M448 298.6666666666667L192 42.6666666666667L74.6666666666667 160L104.7466666666667 190.0800000000001L192 103.04L417.92 328.7466666666667L448 298.6666666666667z" />
|
||||
</font>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 6.0 KiB |
@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
|
||||
<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 11.9994,3.99807C 14.2074,3.99807 15.9994,5.79006 15.9994,7.99807C 15.9994,10.2051 14.2074,11.9981 11.9994,11.9981C 9.79138,11.9981 7.99939,10.2051 7.99939,7.99807C 7.99939,5.79006 9.79138,3.99807 11.9994,3.99807 Z M 11.9994,5.99808C 10.8966,5.99808 9.99943,6.89522 9.99943,7.99807C 9.99943,9.10092 10.8966,9.99806 11.9994,9.99806C 13.1023,9.99806 13.9994,9.10092 13.9994,7.99807C 13.9994,6.89522 13.1023,5.99808 11.9994,5.99808 Z M 11.9994,12.9981C 14.6664,12.9981 19.9994,14.3331 19.9994,16.9981L 19.9994,19.9981L 3.99939,19.9981L 3.99939,16.9981C 3.99939,14.3331 9.3324,12.9981 11.9994,12.9981 Z M 11.9994,14.8981C 9.02539,14.8981 5.89937,16.3551 5.89937,16.9981L 5.89937,18.0981L 18.0994,18.0981L 18.0994,16.9981C 18.0994,16.3551 14.9734,14.8981 11.9994,14.8981 Z "/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
Loading…
Reference in New Issue
Block a user