@artistanbul/frontend-component-header-sumac 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.scss
CHANGED
|
@@ -232,13 +232,16 @@ $white: #ffffff;
|
|
|
232
232
|
}
|
|
233
233
|
|
|
234
234
|
&:focus::before {
|
|
235
|
-
border-color: $
|
|
235
|
+
border-color: $green;
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
238
|
|
|
239
|
-
.dropdown-item
|
|
240
|
-
|
|
241
|
-
|
|
239
|
+
.dropdown-item {
|
|
240
|
+
font-size: 17px;
|
|
241
|
+
&.active,
|
|
242
|
+
&.dropdown-item:active {
|
|
243
|
+
background-color: $green;
|
|
244
|
+
}
|
|
242
245
|
}
|
|
243
246
|
|
|
244
247
|
.omni-color {
|
|
@@ -11,6 +11,7 @@ import { courseInfoDataShape } from './LearningHeaderCourseInfo';
|
|
|
11
11
|
import messages from './messages';
|
|
12
12
|
import LearningHelpSlot from '../plugin-slots/LearningHelpSlot';
|
|
13
13
|
import omnikampusLogo from "../images/omnikampus/omnikampus-just-logo.png";
|
|
14
|
+
import "../index.scss";
|
|
14
15
|
var LearningHeader = function LearningHeader(_ref) {
|
|
15
16
|
var courseOrg = _ref.courseOrg,
|
|
16
17
|
courseNumber = _ref.courseNumber,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LearningHeader.js","names":["React","useContext","PropTypes","getConfig","injectIntl","intlShape","AppContext","AnonymousUserMenu","AuthenticatedUserDropdown","LogoSlot","CourseInfoSlot","courseInfoDataShape","messages","LearningHelpSlot","omnikampusLogo","LearningHeader","_ref","courseOrg","courseNumber","courseTitle","intl","showUserDropdown","_useContext","authenticatedUser","headerLogo","createElement","href","concat","LMS_BASE_URL","src","alt","SITE_NAME","className","formatMessage","skipNavLink","style","lineHeight","Fragment","username","propTypes","isRequired","bool","defaultProps"],"sources":["../../src/learning-header/LearningHeader.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { AppContext } from '@edx/frontend-platform/react';\n\nimport AnonymousUserMenu from './AnonymousUserMenu';\nimport AuthenticatedUserDropdown from './AuthenticatedUserDropdown';\nimport LogoSlot from '../plugin-slots/LogoSlot';\nimport CourseInfoSlot from '../plugin-slots/CourseInfoSlot';\nimport { courseInfoDataShape } from './LearningHeaderCourseInfo';\nimport messages from './messages';\nimport LearningHelpSlot from '../plugin-slots/LearningHelpSlot';\n\nimport omnikampusLogo from \"../images/omnikampus/omnikampus-just-logo.png\"\n\nconst LearningHeader = ({\n courseOrg, courseNumber, courseTitle, intl, showUserDropdown,\n}) => {\n const { authenticatedUser } = useContext(AppContext);\n\n const headerLogo = (\n <LogoSlot\n href={`${getConfig().LMS_BASE_URL}/dashboard`}\n src={omnikampusLogo}\n alt={getConfig().SITE_NAME}\n />\n );\n\n return (\n <header className=\"learning-header\">\n <a className=\"sr-only sr-only-focusable\" href=\"#main-content\">{intl.formatMessage(messages.skipNavLink)}</a>\n <div className=\"container-xl py-3 d-flex align-items-center\">\n {headerLogo}\n <div className=\"flex-grow-1 course-title-lockup d-flex\" style={{ lineHeight: 1 }}>\n <CourseInfoSlot courseOrg={courseOrg} courseNumber={courseNumber} courseTitle={courseTitle} />\n </div>\n {showUserDropdown && authenticatedUser && (\n <>\n <LearningHelpSlot />\n <AuthenticatedUserDropdown\n username={authenticatedUser.username}\n />\n </>\n )}\n {showUserDropdown && !authenticatedUser && (\n <AnonymousUserMenu />\n )}\n </div>\n </header>\n );\n};\n\nLearningHeader.propTypes = {\n courseOrg: courseInfoDataShape.courseOrg,\n courseNumber: courseInfoDataShape.courseNumber,\n courseTitle: courseInfoDataShape.courseTitle,\n intl: intlShape.isRequired,\n showUserDropdown: PropTypes.bool,\n};\n\nLearningHeader.defaultProps = {\n courseOrg: null,\n courseNumber: null,\n courseTitle: null,\n showUserDropdown: true,\n};\n\nexport default injectIntl(LearningHeader);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;AACnE,SAASC,UAAU,QAAQ,8BAA8B;AAEzD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,yBAAyB,MAAM,6BAA6B;AACnE,OAAOC,QAAQ,MAAM,0BAA0B;AAC/C,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,gBAAgB,MAAM,kCAAkC;AAE/D,OAAOC,cAAc,MAAM,+CAA+C;
|
|
1
|
+
{"version":3,"file":"LearningHeader.js","names":["React","useContext","PropTypes","getConfig","injectIntl","intlShape","AppContext","AnonymousUserMenu","AuthenticatedUserDropdown","LogoSlot","CourseInfoSlot","courseInfoDataShape","messages","LearningHelpSlot","omnikampusLogo","LearningHeader","_ref","courseOrg","courseNumber","courseTitle","intl","showUserDropdown","_useContext","authenticatedUser","headerLogo","createElement","href","concat","LMS_BASE_URL","src","alt","SITE_NAME","className","formatMessage","skipNavLink","style","lineHeight","Fragment","username","propTypes","isRequired","bool","defaultProps"],"sources":["../../src/learning-header/LearningHeader.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { AppContext } from '@edx/frontend-platform/react';\n\nimport AnonymousUserMenu from './AnonymousUserMenu';\nimport AuthenticatedUserDropdown from './AuthenticatedUserDropdown';\nimport LogoSlot from '../plugin-slots/LogoSlot';\nimport CourseInfoSlot from '../plugin-slots/CourseInfoSlot';\nimport { courseInfoDataShape } from './LearningHeaderCourseInfo';\nimport messages from './messages';\nimport LearningHelpSlot from '../plugin-slots/LearningHelpSlot';\n\nimport omnikampusLogo from \"../images/omnikampus/omnikampus-just-logo.png\"\nimport \"../index.scss\"\n\nconst LearningHeader = ({\n courseOrg, courseNumber, courseTitle, intl, showUserDropdown,\n}) => {\n const { authenticatedUser } = useContext(AppContext);\n\n const headerLogo = (\n <LogoSlot\n href={`${getConfig().LMS_BASE_URL}/dashboard`}\n src={omnikampusLogo}\n alt={getConfig().SITE_NAME}\n />\n );\n\n return (\n <header className=\"learning-header\">\n <a className=\"sr-only sr-only-focusable\" href=\"#main-content\">{intl.formatMessage(messages.skipNavLink)}</a>\n <div className=\"container-xl py-3 d-flex align-items-center\">\n {headerLogo}\n <div className=\"flex-grow-1 course-title-lockup d-flex\" style={{ lineHeight: 1 }}>\n <CourseInfoSlot courseOrg={courseOrg} courseNumber={courseNumber} courseTitle={courseTitle} />\n </div>\n {showUserDropdown && authenticatedUser && (\n <>\n <LearningHelpSlot />\n <AuthenticatedUserDropdown\n username={authenticatedUser.username}\n />\n </>\n )}\n {showUserDropdown && !authenticatedUser && (\n <AnonymousUserMenu />\n )}\n </div>\n </header>\n );\n};\n\nLearningHeader.propTypes = {\n courseOrg: courseInfoDataShape.courseOrg,\n courseNumber: courseInfoDataShape.courseNumber,\n courseTitle: courseInfoDataShape.courseTitle,\n intl: intlShape.isRequired,\n showUserDropdown: PropTypes.bool,\n};\n\nLearningHeader.defaultProps = {\n courseOrg: null,\n courseNumber: null,\n courseTitle: null,\n showUserDropdown: true,\n};\n\nexport default injectIntl(LearningHeader);\n"],"mappings":"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","ignoreList":[]}
|